three-trees-ui 1.0.0

package/packages/HistoricalApproval/src/main.vue

@@ -0,0 +1,427 @@
+<template>
+  <div class="record-wrap">
+    <div class="record-content">
+      <el-table
+        :span-method="arraySpanMethod"
+        :data="rows"
+        :selectable="false"
+        :show-export="false"
+        :show-custom-column="false"
+        :nopagination="true"
+        @loading="loadData"
+        :border="true"
+      >
+        <el-table-column width="60" align="center" label="序号" type="index" />
+        <el-table-column
+          label="审批节点"
+          width="170"
+          align="center"
+          prop="taskName"
+          :show-overflow-tooltip="overToolTip"
+        />
+        <el-table-column
+          label="待审批人"
+          :show-overflow-tooltip="overToolTip"
+          width="110"
+          align="center"
+        >
+          <template #default="{ row: { status, qualfieds, qualfiedNames } }">
+            <span v-if="showQualfiedsNames(status, qualfieds, qualfiedNames)">
+              {{ qualfiedNames }}
+            </span>
+            <el-popover
+              v-if="
+                status == 'awaiting_check' ||
+                qualfiedsName(qualfiedNames, true) > 1
+              "
+              placement="right"
+              popper-class="right-popover"
+              trigger="hover"
+            >
+              <div>
+                <p class="qualfied_names">名称</p>
+                <div v-if="isQualfiedListHasUser(qualfieds)" class="btn__wrap">
+                  <p v-for="(item, index) in qualfieds" :key="index">
+                    <el-tooltip
+                      v-if="item.users"
+                      class="item"
+                      effect="light"
+                      placement="top"
+                      :content="item.users"
+                    >
+                      <el-button plain size="mini">{{ item.name }}</el-button>
+                    </el-tooltip>
+                    <el-button v-if="!item.users" plain size="mini">
+                      {{ item.name }}
+                    </el-button>
+                  </p>
+                </div>
+                <div v-else class="btn__wrap">
+                  <p
+                    v-for="(item, index) in qualfiedsName(qualfiedNames, false)"
+                    :key="index"
+                  >
+                    <el-button plain size="mini">{{ item }}</el-button>
+                  </p>
+                </div>
+              </div>
+              <i
+                v-if="
+                  isQualfiedListHasUser(qualfieds) ||
+                  qualfiedsName(qualfiedNames, true) > 1
+                "
+                slot="reference"
+                class="el-icon-more qualfied-more__icon"
+              ></i>
+            </el-popover>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          label="处理人"
+          width="110"
+          align="center"
+          prop="auditorName"
+          :show-overflow-tooltip="overToolTip"
+        >
+          <template #default="{ row }">
+            <span>{{ row.auditorName }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          align="center"
+          label="处理情况"
+          width="140"
+          :show-overflow-tooltip="overToolTip"
+        >
+          <template #default="{ row: { isRead, statusVal } }">
+            <span v-if="statusVal == '待审批'">
+              {{ isRead == 0 ? '待阅' : '已阅' }}
+            </span>
+            <span v-else>
+              {{ statusVal }}
+            </span>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          label="处理意见"
+          :show-overflow-tooltip="overToolTip"
+          align="center"
+        >
+          <template #default="{ row: { opinion, filesArray } }">
+            <strong>
+              <span style="white-space: pre-wrap">{{ opinion }}</span>
+            </strong>
+
+            <div v-if="filesArray && filesArray.length" class="appendix">
+              <div class="title">附件：</div>
+              <div class="file-content">
+                <div
+                  v-for="(item, index) in filesArray"
+                  :key="index"
+                  class="attachment"
+                >
+                  <el-tooltip placement="bottom-start" effect="light">
+                    <div slot="content">
+                      <el-button
+                        icon="el-icon-download"
+                        circle
+                        @click="downloadAttachments(item)"
+                      ></el-button>
+                    </div>
+                    <el-tag @click="search(item)">{{ item.name }}</el-tag>
+                  </el-tooltip>
+                </div>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          label="操作时间"
+          width="170"
+          align="center"
+          :show-overflow-tooltip="overToolTip"
+        >
+          <template #default="{ row }">
+            <span style="white-space: pre-wrap">{{ row.completeTime }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          align="center"
+          label="停留时长"
+          width="110"
+          :show-overflow-tooltip="overToolTip"
+        >
+          <template #default="{ row }">
+            <span>{{ formatTimeLag(row) }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 预览文件-->
+    <!-- <ht-preview ref="previewHelp" /> -->
+
+   
+  </div>
+</template>
+<script>
+
+import moment from 'moment'
+export default {
+  name: 'HtHistoricalApproval',
+  componentName: 'HtHistoricalApproval',
+  props: {
+    instId: String,
+    order:Boolean
+  },
+  data() {
+    return {
+      nodeIdMap: {},
+      src: '',
+      data: { taskId: '', referOpinion: false },
+      fileId: '',
+      previewNodeFormDialogVisible: false,
+      opinionSelectNodeId: '',
+      opinionInstId: '',
+      opinionTaskId: '',
+      opinionFormData: '',
+      opinionTaskName: '',
+      opinionProcDefId: '',
+      rows: [], // 表格数据
+    }
+  },
+ 
+  created() {
+    this.initParams()
+    this.loadData()
+  },
+  methods: {
+    arraySpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (this.order && columnIndex === 1) {
+        if (
+          this.nodeIdMap[row.taskKey].length > 1 &&
+          this.nodeIdMap[row.taskKey][this.nodeIdMap[row.taskKey].length - 1] ==
+            row
+        ) {
+          return {
+            rowspan: this.nodeIdMap[row.taskKey].length,
+            colspan: 1,
+          }
+        } else if (this.nodeIdMap[row.taskKey].length > 1) {
+          return {
+            rowspan: 0,
+            colspan: 0,
+          }
+        } else {
+          return {
+            rowspan: 1,
+            colspan: 1,
+          }
+        }
+      }
+    },
+    showQualfiedsNames(status, qualfieds, qualfiedNames) {
+      const length = this.qualfiedsName(qualfiedNames, true)
+      return (
+        (length < 2 && status != 'awaiting_check') ||
+        (status == 'awaiting_check' &&
+          qualfieds &&
+          qualfieds.length == 1 &&
+          !qualfieds[0].users)
+      )
+    },
+    initParams() {
+      if (this.instId) {
+        this.data.instId = this.instId
+        this.data.taskId = this.taskId
+        this.data.referOpinion = this.referOpinion
+        this.data.nodeType = this.nodeType
+        this.data.defId = this.defId
+        this.data.nodeId = this.nodeId
+        //类型为我的请求时添加参数isRequest进行过滤
+        if (this.myReadType === 'request') {
+          this.data.isRequest = true
+        }
+      }
+    },
+    qualfiedsName(names, isLength) {
+      if (names && isLength) {
+        return names.split(',').length
+      }
+      if (names && !isLength) {
+        return names.split(',')
+      }
+    },
+    isQualfiedListHasUser(data) {
+      if (Array.isArray(data)) {
+        for (let i = 0; i < data.length; i++) {
+          if (data[i].users) {
+            return true
+          }
+        }
+        return false
+      }
+    },
+    //持续时间
+    formatTimeLag(row) {
+      let endTimes = new moment()
+      if (!row.completeTime) {
+        endTimes = new moment(new Date())
+      } else {
+        endTimes = new moment(new Date(row.completeTime))
+      }
+
+      let createTime = new moment(new Date(row.createTime))
+      let duration = moment.duration(endTimes.diff(createTime))
+      let { _data } = duration
+      if (_data.days > 0) return _data.days + '天'
+      if (_data.hours > 0) return _data.hours + '小时'
+      if (_data.minutes > 0) return _data.minutes + '分钟'
+      if (_data.minutes == 0 && _data.seconds >= 0) return '小于1分钟'
+    },
+    search(item) {
+      this.$preview(item)
+    },
+    downloadAttachments(item) {
+      // downloadFile(item.response?.fileId, item.response?.fileName)
+    },
+   
+    loadData(param, cb) {
+      const params = {
+        instId: this.instId,
+        taskId: null,
+        referOpinion: true,
+        defId: null,
+        nodeId: null,
+      }
+      this.nodeIdMap = {}
+      this.$requestConfig.getOpinionsById(params)
+        .then((response) => {
+          this.orderFlag = true
+          for (let x = response.length - 1; x > -1; x--) {
+            let e = response[x]
+            if (!this.nodeIdMap[e.taskKey]) {
+              this.nodeIdMap[e.taskKey] = []
+            }
+            this.nodeIdMap[e.taskKey].push(e)
+            //有可能出现e.files是"\"\""的情况
+            if (e.files && JSON.parse(e.files)) {
+              response[x].filesArray = JSON.parse(JSON.parse(e.files))
+            }
+          }
+          let newArr = []
+          let flagMap = {}
+          if (!this.order) {
+            this.rows = response
+            return
+          }
+          for (let x = response.length - 1; x > -1; x--) {
+            if (!flagMap[response[x].taskKey]) {
+              newArr.push.apply(newArr, this.nodeIdMap[response[x].taskKey])
+              flagMap[response[x].taskKey] = '1'
+            }
+          }
+
+          this.rows = newArr.reverse()
+        })
+        .finally(() => {
+          // cb?.()
+        })
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.el-message-box__body {
+  border-top: none;
+}
+.el-main {
+  padding: 0;
+}
+.appendix {
+  padding: 5px 0px;
+  text-align: left;
+  display: flex;
+  .file-content {
+    flex: 1;
+  }
+}
+
+.appendix_left {
+  padding: 0 15px;
+  border-left: 1px solid #d8d8d8;
+}
+
+.appendix_right {
+  padding: 0 15px 0 0;
+}
+
+.title {
+  display: block;
+  font-weight: bold;
+  color: #a2a2a2;
+}
+
+.attachment {
+  display: block;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.record-container {
+  padding-bottom: 10px;
+  border-bottom: 1px solid #ebeef5;
+}
+
+.record-container > span {
+  padding-left: 10px;
+  font-size: 14px;
+  font-weight: bold;
+  color: #666;
+}
+
+.files {
+  font-size: 12px;
+  color: #5eade6;
+  cursor: pointer;
+}
+
+::v-deep .el-table .cell.el-tooltip {
+  min-width: 50px;
+}
+
+::v-deep .el-table .cell {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding-right: 10px;
+  padding-left: 10px;
+  overflow: hidden;
+  line-height: 23px;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: nowrap;
+}
+::v-deep .owner-span {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.btn__wrap {
+  display: flex;
+  flex-wrap: wrap;
+  p {
+    margin: 0;
+  }
+}
+.qualfied-more__icon {
+  &:hover {
+    cursor: pointer;
+  }
+}
+</style>

package/packages/Icon/index.js

@@ -0,0 +1,7 @@
+import Icon from './src/main.vue'
+
+Icon.install = function(Vue) {
+  Vue.component(Icon.name, Icon)
+}
+
+export default Icon

package/packages/Icon/src/icons/ad.js

@@ -0,0 +1,14 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  ad: {
+    width: 512,
+    height: 512,
+    paths: [
+      {
+        d:
+          'M157.52 272h36.96L176 218.78 157.52 272zM352 256c-13.23 0-24 10.77-24 24s10.77 24 24 24 24-10.77 24-24-10.77-24-24-24zM464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM250.58 352h-16.94c-6.81 0-12.88-4.32-15.12-10.75L211.15 320h-70.29l-7.38 21.25A16 16 0 0 1 118.36 352h-16.94c-11.01 0-18.73-10.85-15.12-21.25L140 176.12A23.995 23.995 0 0 1 162.67 160h26.66A23.99 23.99 0 0 1 212 176.13l53.69 154.62c3.61 10.4-4.11 21.25-15.11 21.25zM424 336c0 8.84-7.16 16-16 16h-16c-4.85 0-9.04-2.27-11.98-5.68-8.62 3.66-18.09 5.68-28.02 5.68-39.7 0-72-32.3-72-72s32.3-72 72-72c8.46 0 16.46 1.73 24 4.42V176c0-8.84 7.16-16 16-16h16c8.84 0 16 7.16 16 16v160z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/address-book.js

@@ -0,0 +1,14 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  'address-book': {
+    width: 448,
+    height: 512,
+    paths: [
+      {
+        d:
+          'M436 160c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h320c26.5 0 48-21.5 48-48v-48h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20zm-68 304H48V48h320v416zM208 256c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm-89.6 128h179.2c12.4 0 22.4-8.6 22.4-19.2v-19.2c0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6v19.2c0 10.6 10 19.2 22.4 19.2z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/arrow.js

@@ -0,0 +1,14 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  arrow: {
+    width: 1024,
+    height: 1024,
+    paths: [
+      {
+        d:
+          'M689.9712 512h215.7568a34.133333 34.133333 0 0 1 24.1664 58.2656L559.342933 940.782933a68.266667 68.266667 0 0 1-96.529066 0L92.296533 570.2656A34.133333 34.133333 0 0 1 116.394667 512h215.722666V103.185067a68.266667 68.266667 0 0 1 68.266667-68.266667h221.2864a68.266667 68.266667 0 0 1 68.266667 68.266667V512z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/attachment.js

@@ -0,0 +1,18 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  attachment: {
+    width: 24,
+    height: 24,
+    paths: [
+      {
+        fill: 'none',
+        d: 'M0 0h24v24H0V0z',
+      },
+      {
+        d:
+          'M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/balance.js

@@ -0,0 +1,14 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  balance: {
+    width: 640,
+    height: 512,
+    paths: [
+      {
+        d:
+          'M256 336h-.02c0-16.18 1.34-8.73-85.05-181.51-17.65-35.29-68.19-35.36-85.87 0C-2.06 328.75.02 320.33.02 336H0c0 44.18 57.31 80 128 80s128-35.82 128-80zM128 176l72 144H56l72-144zm511.98 160c0-16.18 1.34-8.73-85.05-181.51-17.65-35.29-68.19-35.36-85.87 0-87.12 174.26-85.04 165.84-85.04 181.51H384c0 44.18 57.31 80 128 80s128-35.82 128-80h-.02zM440 320l72-144 72 144H440zm88 128H352V153.25c23.51-10.29 41.16-31.48 46.39-57.25H528c8.84 0 16-7.16 16-16V48c0-8.84-7.16-16-16-16H383.64C369.04 12.68 346.09 0 320 0s-49.04 12.68-63.64 32H112c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h129.61c5.23 25.76 22.87 46.96 46.39 57.25V448H112c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h416c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/ban.js

@@ -0,0 +1,14 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  ban: {
+    width: 512,
+    height: 512,
+    paths: [
+      {
+        d:
+          'M256 8c137 0 248 111 248 248s-111 248-248 248-248-111-248-248 111-248 248-248zM386.1 125.9c-65.4-65.4-165.4-70-235.6-20.7l256.3 256.3c49.3-70.2 44.8-170.2-20.7-235.6zM125.9 386.1c65.4 65.4 165.4 70 235.6 20.7l-256.3-256.3c-49.3 70.2-44.8 170.2 20.7 235.6z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/bell.js

@@ -0,0 +1,14 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  bell: {
+    width: 1024,
+    height: 1024,
+    paths: [
+      {
+        d:
+          'M512 960c-212.032 0-384-85.952-384-192 0-39.168 23.744-75.52 64-105.856L192 512c0-132.16 80.192-245.568 194.624-294.4C384.896 209.344 384 200.768 384 192c0-70.656 57.344-128 128-128s128 57.344 128 128c0 8.768-0.896 17.344-2.624 25.6C751.744 266.432 832 379.84 832 512l0 150.144c40.256 30.4 64 66.688 64 105.856C896 874.048 724.032 960 512 960zM512 640c-141.376 0-256 57.344-256 128s114.624 128 256 128 256-57.344 256-128S653.376 640 512 640zM512 832c-62.528 0-114.368-44.864-125.568-104.064C420.16 713.216 463.744 704 512 704s91.904 9.216 125.632 23.936C626.368 787.136 574.528 832 512 832z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/block.js

@@ -0,0 +1,26 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  block: {
+    width: 1024,
+    height: 1024,
+    paths: [
+      {
+        d:
+          'M387.893367 0H51.804428A51.740428 51.740428 0 0 0 0.064 51.676472v335.833115a51.740428 51.740428 0 0 0 51.740428 51.676473h336.088939a51.740428 51.740428 0 0 0 51.740429-51.676473V51.676472A51.740428 51.740428 0 0 0 387.893367 0z m-34.4723 342.804322a10.232965 10.232965 0 0 1-10.232965 10.232965H96.509694a10.232965 10.232965 0 0 1-10.232965-10.232965V96.381738a10.232965 10.232965 0 0 1 10.232965-10.232965h246.742364a10.232965 10.232965 0 0 1 10.232965 10.232965z',
+      },
+      {
+        d:
+          'M971.428187 0H635.46716a51.740428 51.740428 0 0 0-51.740428 51.676472v335.833115a51.740428 51.740428 0 0 0 51.740428 51.676473h335.961027a51.740428 51.740428 0 0 0 51.740429-51.676473V51.676472A51.740428 51.740428 0 0 0 971.428187 0z m-34.4723 342.804322a10.232965 10.232965 0 0 1-10.232965 10.232965h-246.550497a10.232965 10.232965 0 0 1-10.232964-10.232965V96.381738a10.232965 10.232965 0 0 1 10.232964-10.232965h246.486541a10.232965 10.232965 0 0 1 10.232965 10.232965z',
+      },
+      {
+        d:
+          'M387.893367 584.110424H51.804428A51.740428 51.740428 0 0 0 0.064 635.786897v335.833114A51.740428 51.740428 0 0 0 51.804428 1023.296484h336.088939a51.740428 51.740428 0 0 0 51.740429-51.676473V635.786897a51.740428 51.740428 0 0 0-51.740429-51.676473z m-34.4723 342.804322a10.232965 10.232965 0 0 1-10.232965 10.232965H96.509694a10.232965 10.232965 0 0 1-10.232965-10.232965v-246.48654a10.232965 10.232965 0 0 1 10.232965-10.232965h246.742364a10.232965 10.232965 0 0 1 10.232965 10.232965z',
+      },
+      {
+        d:
+          'M971.428187 584.110424H635.46716a51.740428 51.740428 0 0 0-51.740428 51.676473v335.833114a51.740428 51.740428 0 0 0 51.740428 51.676473h335.961027a51.740428 51.740428 0 0 0 51.740429-51.676473V635.786897a51.740428 51.740428 0 0 0-51.740429-51.676473z m-34.4723 342.804322a10.232965 10.232965 0 0 1-10.232965 10.232965h-246.550497a10.232965 10.232965 0 0 1-10.232964-10.232965v-246.48654a10.232965 10.232965 0 0 1 10.232964-10.232965h246.486541a10.232965 10.232965 0 0 1 10.232965 10.232965z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/book.js

@@ -0,0 +1,14 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  book: {
+    width: 1024,
+    height: 1024,
+    paths: [
+      {
+        d:
+          'M973.142857 273.142857q22.857143 32.571429 10.285714 73.714286l-157.142857 517.714286q-10.857143 36.571429-43.714286 61.428571t-70 24.857143l-527.428571 0q-44 0-84.857143-30.571429t-56.857143-75.142857q-13.714286-38.285714-1.142857-72.571429 0-2.285714 1.714286-15.428571t2.285714-21.142857q0.571429-4.571429-1.714286-12.285714t-1.714286-11.142857q1.142857-6.285714 4.571429-12t9.428571-13.428571 9.428571-13.428571q13.142857-21.714286 25.714286-52.285714t17.142857-52.285714q1.714286-5.714286 2.857143-17.142857t2.857143-16q1.714286-6.285714 9.714286-16t9.714286-13.142857q12-20.571429 24-52.571429t14.285714-51.428571q0.571429-5.142857-1.428571-18.285714t2.857143-16q2.285714-7.428571 12.571429-17.428571t12.571429-12.857143q10.857143-14.857143 24.285714-48.285714t15.714286-55.142857q0.571429-4.571429-1.714286-14.571429t-1.142857-15.142857q1.142857-4.571429 5.142857-10.285714t10.285714-13.142857 9.714286-12q4.571429-6.857143 9.428571-17.428571t8.571429-20 9.142857-20.571429 11.142857-18.285714 15.142857-13.428571 20.571429-6.571429 27.142857 3.142857l-0.571429 1.714286q21.714286-5.142857 29.142857-5.142857l434.857143 0q42.285714 0 65.142857 32t10.285714 74.285714l-156.571429 517.714286q-20.571429 68-40.857143 87.714286t-73.428571 19.714286l-496.571429 0q-15.428571 0-21.714286 8.571429-6.285714 9.142857-0.571429 24.571429 13.714286 40 82.285714 40l527.428571 0q16.571429 0 32-8.857143t20-23.714286l171.428571-564q4-12.571429 2.857143-32.571429 21.714286 8.571429 33.714286 24.571429zm-608 1.142857q-2.285714 7.428571 1.142857 12.857143t11.428571 5.428571l347.428571 0q7.428571 0 14.571429-5.428571t9.428571-12.857143l12-36.571429q2.285714-7.428571-1.142857-12.857143t-11.428571-5.428571l-347.428571 0q-7.428571 0-14.571429 5.428571t-9.428571 12.857143zm-47.428571 146.285714q-2.285714 7.428571 1.142857 12.857143t11.428571 5.428571l347.428571 0q7.428571 0 14.571429-5.428571t9.428571-12.857143l12-36.571429q2.285714-7.428571-1.142857-12.857143t-11.428571-5.428571l-347.428571 0q-7.428571 0-14.571429 5.428571t-9.428571 12.857143z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/bookmark.js

@@ -0,0 +1,14 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  bookmark: {
+    width: 1024,
+    height: 1024,
+    paths: [
+      {
+        d:
+          'M853.333333 938.666667H277.333333A149.333333 149.333333 0 0 1 128 789.333333V213.333333a128 128 0 0 1 128-128h597.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v768a42.666667 42.666667 0 0 1-42.666667 42.666667z m-42.666666-85.333334v-128H277.333333a64 64 0 0 0 0 128H810.666667zM426.666667 170.666667v341.333333l149.333333-85.333333 149.333333 85.333333V170.666667h-298.666666z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/bug.js

@@ -0,0 +1,22 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  bug: {
+    width: 1024,
+    height: 1024,
+    paths: [
+      {
+        d:
+          'M749.28 254.654C690.73 177.024 606.124 128 512 128s-178.73 49.024-237.28 126.654c12.708 31.28 31.666 60 56.26 84.594 48.352 48.352 112.638 74.98 181.02 74.98s132.668-26.628 181.02-74.98C717.614 314.654 736.572 285.932 749.28 254.654z',
+      },
+      {
+        d:
+          'M253.672 285.648c-3.45 5.654-6.792 11.406-9.984 17.288-5.852-3.68-10.638-7.48-15.49-11.546-2.342-1.962-5.908-7.898-9.092-14.7 10.82-22.628 2.362-50.074-19.828-62.522-23.122-12.968-52.376-4.744-65.348 18.378-12.97 23.12-4.742 52.376 18.374 65.346 2.502 1.404 5.078 2.544 7.694 3.458 5.632 12.538 14.64 28.662 27.096 39.094 8.368 7.014 17.584 14.234 30.408 21.348-14.39 40.518-23.152 84.606-25.09 130.854-22.052 0.414-37.238 4.2-50.948 8.244-8.32 2.454-16.384 6.79-23.646 11.704-1.908-0.23-3.846-0.364-5.816-0.364-26.51 0-48 21.49-48 48s21.49 48 48 48c25.86 0 46.934-20.454 47.952-46.064 10.092-2.964 19.776-5.318 34.19-5.548 6.334 66.03 26.608 126.966 57.226 178.448-28.332 22.012-45.764 46.032-53.21 72.634 0 0-1.5 0.876-3.746 2.732-1.964 1.588-3.864 3.3-5.608 5.238-17.73 19.71-16.124 50.062 3.586 67.79 19.708 17.73 50.056 16.124 67.786-3.586 16.174-17.976 16.19-44.762 1.116-62.79 6.148-11.124 12.472-18.028 27.34-29.922C342.736 850.47 415.446 891.238 496 896L496 445.744C389.528 439.908 298.458 376.276 253.672 285.648z',
+      },
+      {
+        d:
+          'M912 512.228c-1.97 0-3.908 0.132-5.816 0.364-7.262-4.914-15.326-9.25-23.646-11.704-13.708-4.042-28.894-7.83-50.948-8.244-1.938-46.25-10.7-90.336-25.09-130.854 12.824-7.114 22.042-14.334 30.408-21.348 12.456-10.432 21.462-26.556 27.096-39.094 2.616-0.916 5.192-2.056 7.694-3.458 23.116-12.97 31.344-42.228 18.374-65.346-12.97-23.122-42.226-31.346-65.348-18.378-22.19 12.45-30.648 39.894-19.828 62.522-3.184 6.802-6.75 12.738-9.092 14.7-4.852 4.066-9.638 7.866-15.49 11.546-3.192-5.882-6.536-11.634-9.984-17.288-44.786 90.628-135.856 154.26-242.328 160.096L528.002 896c80.554-4.762 153.264-45.53 207.372-108.84 14.868 11.894 21.192 18.798 27.34 29.922-15.074 18.028-15.058 44.812 1.116 62.79 17.728 19.71 48.076 21.316 67.786 3.586 19.708-17.726 21.316-48.078 3.586-67.79-1.744-1.938-3.642-3.65-5.608-5.238-2.246-1.858-3.746-2.732-3.746-2.732-7.448-26.604-24.878-50.624-53.21-72.634 30.62-51.48 50.892-112.418 57.226-178.448 14.414 0.23 24.098 2.584 34.19 5.548 1.018 25.612 22.092 46.064 47.952 46.064 26.51 0 48-21.49 48-48S938.51 512.228 912 512.228z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/bullhorn.js

@@ -0,0 +1,14 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  bullhorn: {
+    width: 1024,
+    height: 1024,
+    paths: [
+      {
+        d:
+          'M1024.032 429.248c0-200.928-58.784-363.936-131.488-365.216 0.288 0 0.576-0.032 0.864-0.032l-82.944 0c0 0-194.816 146.336-475.232 203.744-8.576 45.28-14.016 99.264-14.016 161.504s5.472 116.192 14.016 161.504c280.416 57.408 475.232 203.744 475.232 203.744l82.944 0c-0.288 0-0.576-0.032-0.864-0.032 72.704-1.28 131.488-164.288 131.488-365.216zM864.864 739.264c-9.376 0-19.52-9.728-24.736-15.552-12.64-14.048-24.8-35.968-35.2-63.328-23.264-61.216-36.064-143.296-36.064-231.136s12.8-169.888 36.064-231.136c10.4-27.36 22.56-49.28 35.2-63.328 5.216-5.824 15.36-15.552 24.736-15.552s19.52 9.728 24.736 15.552c12.64 14.048 24.8 35.968 35.2 63.328 23.264 61.216 36.064 143.328 36.064 231.136s-12.8 169.888-36.064 231.136c-10.4 27.36-22.56 49.28-35.2 63.328-5.216 5.792-15.36 15.552-24.736 15.552zM251.84 429.248c0-51.936 3.808-102.432 11.04-149.088-47.36 6.56-88.928 10.336-140.352 10.336-67.072 0-67.072 0-67.072 0l-55.456 94.688 0 88.16 55.456 94.688c0 0 0 0 67.072 0 51.392 0 92.96 3.776 140.352 10.336-7.232-46.656-11.04-97.152-11.04-149.088zM368.192 642.176l-128-24.512 81.856 321.536c4.224 16.64 20.736 25.024 36.672 18.656l118.56-47.456c15.936-6.368 22.336-23.968 14.208-39.072l-123.296-229.152zM864.864 548.736c-3.616 0-7.52-3.744-9.536-5.984-4.864-5.408-9.568-13.856-13.568-24.416-8.96-23.616-13.888-55.232-13.888-89.088s4.928-65.472 13.888-89.088c4-10.56 8.704-18.976 13.568-24.416 2.016-2.24 5.92-5.984 9.536-5.984s7.52 3.744 9.536 5.984c4.864 5.408 9.568 13.856 13.568 24.416 8.96 23.584 13.888 55.232 13.888 89.088s-4.928 65.472-13.888 89.088c-4 10.56-8.704 18.976-13.568 24.416-2.016 2.24-5.92 5.984-9.536 5.984z',
+      },
+    ],
+  },
+})

package/packages/Icon/src/icons/calc.js

@@ -0,0 +1,14 @@
+import Icon from '../main.vue'
+
+Icon.register({
+  calc: {
+    width: 1024,
+    height: 1024,
+    paths: [
+      {
+        d:
+          'M213.942857 369.142857H292.571429v78.628572c0 2.057143 2.057143 3.657143 4.571428 3.657142h54.857143c2.514286 0 4.571429-1.6 4.571429-3.771428V369.142857h78.628571c2.057143 0 3.657143-2.057143 3.657143-4.571428v-54.857143c0-2.514286-1.6-4.571429-3.771429-4.571429H356.571429v-78.628571c0-2.057143-2.057143-3.657143-4.571429-3.657143h-54.857143c-2.514286 0-4.571429 1.6-4.571428 3.657143V305.142857h-78.628572c-2.057143 0-3.657143 2.057143-3.657143 4.571429v54.857143c0 2.514286 1.6 4.571429 3.657143 4.571428z m374.857143 0h221.257143c2.057143 0 3.657143-2.057143 3.657143-4.571428v-54.857143c0-2.514286-1.6-4.571429-3.771429-4.571429H588.8c-2.057143 0-3.657143 2.057143-3.657143 4.571429v54.857143c0 2.514286 1.6 4.571429 3.657143 4.571428z m0 302.857143h221.257143c2.057143 0 3.657143-2.057143 3.657143-4.571429v-54.857142c0-2.514286-1.6-4.571429-3.771429-4.571429H588.8c-2.057143 0-3.657143 2.057143-3.657143 4.571429v54.857142c0 2.514286 1.6 4.571429 3.657143 4.571429z m0 118.857143h221.257143c2.057143 0 3.657143-2.057143 3.657143-4.571429v-54.857143c0-2.514286-1.6-4.571429-3.771429-4.571428H588.8c-2.057143 0-3.657143 2.057143-3.657143 4.571428v54.857143c0 2.514286 1.6 4.571429 3.657143 4.571429z m-223.657143-92.571429l69.942857-85.6c4.914286-5.942857 0.8-14.971429-6.742857-14.971428H370.285714c-2.628571 0-5.142857 1.142857-6.742857 3.314285l-38.857143 47.542858-38.857143-47.542858a8.971429 8.971429 0 0 0-6.742857-3.314285h-58.171428c-7.542857 0-11.657143 9.028571-6.742857 14.971428l69.942857 85.6-71.657143 87.771429c-5.028571 5.942857-0.914286 14.971429 6.628571 14.971428h58.057143c2.628571 0 5.142857-1.142857 6.742857-3.314285l40.571429-49.714286 40.571428 49.714286c1.714286 2.057143 4.228571 3.314286 6.742858 3.314285h58.057142c7.542857 0 11.657143-9.028571 6.742858-14.971428L365.142857 698.285714zM932.571429 54.857143H91.428571c-20.228571 0-36.571429 16.342857-36.571428 36.571428v841.142858c0 20.228571 16.342857 36.571429 36.571428 36.571428h841.142858c20.228571 0 36.571429-16.342857 36.571428-36.571428V91.428571c0-20.228571-16.342857-36.571429-36.571428-36.571428z m-41.142858 836.571428H132.571429V132.571429h758.857142v758.857142z',
+      },
+    ],
+  },
+})