misp-ui-library-test 0.0.1

package/src/packages/message-box/src/main.vue

@@ -0,0 +1,207 @@
+<template>
+  <transition name="ui-messagebox-fade">
+    <div class="ui-messagebox__wrapper" v-if="visible">
+      <div class="ui-messagebox" :class="[customClass]">
+        <div class="ui-messagebox__header" v-if="title">
+          <div class="ui-messagebox__title">{{ title }}</div>
+          <button class="ui-messagebox__headerbtn" @click="handleClose" v-if="showClose">
+            <i class="ui-messagebox__close icon-close"></i>
+          </button>
+        </div>
+        <div class="ui-messagebox__content" v-if="message || $slots.default">
+          <div class="ui-messagebox__message">
+            <slot>
+              <p>{{ message }}</p>
+            </slot>
+          </div>
+          <div class="ui-messagebox__input" v-if="showInput">
+            <ui-input
+              v-model="internalValue"
+              :placeholder="inputPlaceholder"
+              :type="inputType"
+              ref="input"
+            ></ui-input>
+          </div>
+        </div>
+        <div class="ui-messagebox__btns">
+          <ui-button
+            v-if="showCancelButton"
+            :class="['ui-messagebox__button', cancelButtonClass]"
+            :loading="cancelButtonLoading"
+            :disabled="cancelButtonDisabled"
+            @click="handleCancel"
+          >
+            {{ cancelButtonText }}
+          </ui-button>
+          <ui-button
+            :class="['ui-messagebox__button', confirmButtonClass]"
+            :loading="confirmButtonLoading"
+            :disabled="confirmButtonDisabled"
+            @click="handleConfirm"
+          >
+            {{ confirmButtonText }}
+          </ui-button>
+        </div>
+      </div>
+    </div>
+  </transition>
+</template>
+
+<script>
+import UiInput from '../../input/src/main.vue';
+import UiButton from '../../button/src/main.vue';
+import Popup from '../../../utils/popper/popup';
+import locale, { t } from '../../../mixins/locale';
+
+export default {
+  name: 'UiMessageBox',
+
+  mixins: [Popup, locale],
+
+  components: {
+    UiInput,
+    UiButton
+  },
+
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    message: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: '',
+      validator: val => ['success', 'warning', 'info', 'error', ''].indexOf(val) > -1
+    },
+    customClass: {
+      type: String,
+      default: ''
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    showCancelButton: {
+      type: Boolean,
+      default: false
+    },
+    showConfirmButton: {
+      type: Boolean,
+      default: true
+    },
+    confirmButtonText: {
+      type: String,
+      default() {
+        return t('components.messageBox.confirm') || '确定';
+      }
+    },
+    cancelButtonText: {
+      type: String,
+      default() {
+        return t('components.messageBox.cancel') || '取消';
+      }
+    },
+    confirmButtonClass: {
+      type: String,
+      default: ''
+    },
+    cancelButtonClass: {
+      type: String,
+      default: ''
+    },
+    confirmButtonDisabled: {
+      type: Boolean,
+      default: false
+    },
+    cancelButtonDisabled: {
+      type: Boolean,
+      default: false
+    },
+    confirmButtonLoading: {
+      type: Boolean,
+      default: false
+    },
+    cancelButtonLoading: {
+      type: Boolean,
+      default: false
+    },
+    showInput: {
+      type: Boolean,
+      default: false
+    },
+    inputPlaceholder: {
+      type: String,
+      default() {
+        return t('components.messageBox.placeholder') || '请输入';
+      }
+    },
+    inputType: {
+      type: String,
+      default: 'text'
+    },
+    inputValue: {},
+    closeOnClickModal: {
+      type: Boolean,
+      default: true
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: true
+    },
+    distinguishCancelAndClose: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data() {
+    return {
+      visible: false,
+      internalValue: this.inputValue
+    };
+  },
+
+  watch: {
+    visible(val) {
+      if (val) {
+        this.$nextTick(() => {
+          this.$refs.input && this.$refs.input.$el.querySelector('input').focus();
+        });
+      }
+    }
+  },
+
+  methods: {
+    handleClose() {
+      if (this.distinguishCancelAndClose) {
+        this.$emit('cancel');
+      } else {
+        this.$emit('close');
+      }
+      this.visible = false;
+    },
+    handleCancel() {
+      this.$emit('cancel');
+      this.$emit('close', 'cancel');
+      this.visible = false;
+    },
+    handleConfirm() {
+      this.$emit('confirm', this.internalValue);
+      this.$emit('close', 'confirm');
+      if (!this.showInput) {
+        this.visible = false;
+      }
+    },
+    handleWrapperClick() {
+      if (this.closeOnClickModal) {
+        this.handleClose();
+      }
+    }
+  }
+};
+</script>
+

package/src/packages/no-data/index.js

@@ -0,0 +1,8 @@
+import UiNoData from './src/main.vue'
+
+// 自动安装
+UiNoData.install = function(Vue) {
+  Vue.component(UiNoData.name, UiNoData)
+}
+
+export default UiNoData

package/src/packages/no-data/src/main.vue

@@ -0,0 +1,23 @@
+<template>
+  <div style="height: 100%; width: 100%">
+    <div class="ui-no-data">
+      <svg t="1742797496280" class="ui-no-data__icon" viewBox="0 0 1263 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9471" xmlns:xlink="http://www.w3.org/1999/xlink"  ><path d="M981.781336 1023.881556q6.843424-4.86936 13.528924-9.936126 6.69866-5.066766 13.226233-10.330938 6.540734-5.264173 12.923544-10.725752 6.369649-5.461579 12.581372-11.107404t12.252362-11.475896q6.053798-5.830071 11.91019-11.831228 5.869552-6.001157 11.541698-12.186559 5.685306-6.185403 11.186367-12.51557 5.50106-6.343328 10.804714-12.844581 5.303654-6.514413 10.423062-13.160431 5.106247-6.672339 10.015088-13.476282t9.607115-13.765811q4.711434-6.948708 9.212302-14.02902 4.500868-7.106633 8.778007-14.318549 4.290301-7.211916 8.356874-14.555437t7.896259-14.805485q3.856006-7.461965 7.488285-15.029213 3.619119-7.580408 7.01451-15.2661 3.395391-7.659371 6.567055-15.437186 3.158504-7.764654 6.09328-15.634593 2.934776-7.869938 5.632665-15.818838t5.158889-15.976764q2.461001-8.027863 4.685113-16.121528 2.224113-8.093665 4.198178-16.253133 1.974065-8.159467 3.711242-16.371576 1.737177-8.212109 3.224305-16.47686 1.500289-8.25159 2.73737-16.555823 1.250241-8.291072 2.237273-16.634785 1.000193-8.343713 1.750338-16.700587 0.750145-8.356874 1.250241-16.740069t0.750144-16.76639q0.250048-8.396355 0.250048-16.79271 0-13.844774-0.684342-27.676387-0.684342-13.844774-2.039867-27.623745-1.355524-13.778972-3.382231-27.492141-2.039867-13.686849-4.737755-27.281574-2.711049-13.581565-6.066959-27.018366-3.36907-13.4368-7.383002-26.689355-4.027092-13.265715-8.685884-26.294541-4.671953-13.055148-9.975607-25.847087t-11.225848-25.32067q-5.922194-12.51557-12.449768-24.741611-6.527574-12.21288-13.647368-24.083589-7.119793-11.883869-14.818645-23.399247-7.698852-11.515377-15.950443-22.635942-8.25159-11.133725-17.029598-21.846316-8.791168-10.699431-18.095593-20.964567t-19.082626-20.056498q-9.804521-9.804521-20.069657-19.095785-10.265136-9.304425-20.977728-18.095593-10.699431-8.791168-21.833155-17.042759-11.120564-8.25159-22.635942-15.937282-11.515377-7.698852-23.399247-14.818646-11.883869-7.119793-24.083589-13.647367-12.239201-6.540734-24.741611-12.462929-12.528731-5.922194-25.32067-11.212687-12.8051-5.303654-25.847087-9.975607-13.028827-4.658793-26.294542-8.685885-13.252554-4.013932-26.689355-7.383002-13.4368-3.36907-27.018365-6.066959-13.594726-2.711049-27.294735-4.737755-13.686849-2.026706-27.47898-3.395391-13.792132-1.355524-27.623746-2.026707Q668.378825 0 654.520891 0q-13.844774 0-27.689548 0.684342-13.818453 0.671182-27.610584 2.026707-13.792132 1.368685-27.492141 3.395391-13.686849 2.026706-27.281575 4.737755-13.581565 2.697888-27.018365 6.053799-13.4368 3.382231-26.702515 7.396162-13.252554 4.027092-26.294542 8.685885-13.028827 4.671953-25.833927 9.975607-12.791939 5.290493-25.320669 11.212687-12.51557 5.922194-24.741611 12.462929-12.21288 6.527574-24.08359 13.647367-11.883869 7.106633-23.399247 14.818646-11.528538 7.685692-22.649102 15.937282-11.120564 8.25159-21.833155 17.042759-10.712591 8.791168-20.964567 18.095593-10.265136 9.291265-20.056498 19.082625-9.804521 9.804521-19.095786 20.069658-9.304425 10.265136-18.095593 20.964567-8.791168 10.712591-17.042758 21.846316-8.25159 11.120564-15.950443 22.635942-7.685692 11.515377-14.805485 23.399247-7.119793 11.870709-13.660528 24.083589-6.527574 12.226041-12.449768 24.741611-5.922194 12.528731-11.225848 25.32067-5.290493 12.8051-9.962446 25.833926-4.658793 13.041987-8.685885 26.307702-4.013932 13.252554-7.383002 26.689355-3.36907 13.42364-6.066959 27.018366-2.711049 13.581565-4.737755 27.281574t-3.395391 27.492141q-1.355524 13.778972-2.026707 27.623745-0.684342 13.818453-0.684342 27.676387 0 8.396355 0.250048 16.79271 0.250048 8.383195 0.750145 16.76639 0.500096 8.383195 1.250241 16.740069 0.736984 8.356874 1.737176 16.700587 1.000193 8.330553 2.237274 16.634785 1.250241 8.291072 2.73737 16.555823 1.487129 8.264751 3.224305 16.47686t3.724402 16.371576q1.974065 8.159467 4.198178 16.253133 2.224113 8.093665 4.685113 16.121528 2.461001 8.027863 5.158889 15.976764 2.697888 7.948901 5.632665 15.818838 2.921616 7.856777 6.09328 15.634593 3.158504 7.764654 6.567055 15.450346 3.395391 7.672531 7.01451 15.25294 3.619119 7.567248 7.475125 15.029213 3.842846 7.461965 7.909419 14.805485 4.079734 7.343521 8.356874 14.555437 4.27714 7.225077 8.778008 14.318549 4.487707 7.080312 9.199141 14.02902 4.698274 6.961868 9.607115 13.765811 4.922001 6.803943 10.028249 13.463121 5.106247 6.659178 10.409901 13.160432 5.316814 6.514413 10.804714 12.857741 5.50106 6.343328 11.186367 12.51557 5.685306 6.185403 11.554858 12.186559 5.856392 6.001157 11.89703 11.844389 6.053798 5.816911 12.252362 11.462735 6.211724 5.658985 12.594532 11.107404 6.369649 5.461579 12.910384 10.725752 6.540734 5.264173 13.226233 10.330938 6.69866 5.079926 13.528923 9.949287V361.648652a45.666697 45.666697 0 0 1 45.666697-45.666696h563.187498a45.666697 45.666697 0 0 1 45.666696 45.666696V1023.881556z m213.120025-875.471372q0 2.053027-0.197406 4.106054-0.197406 2.039867-0.60538 4.066574-0.394813 2.013546-1.000193 3.97445-0.592219 1.974065-1.381845 3.869167-0.789626 1.908263-1.750338 3.724402-0.973872 1.802979-2.105669 3.513835-1.158118 1.710856-2.461 3.290108-1.302883 1.605573-2.763691 3.05322-1.447647 1.447647-3.026899 2.763691-1.592412 1.302883-3.303268 2.44784t-3.526996 2.105669q-1.81614 0.973872-3.711242 1.763498-1.908263 0.789626-3.869166 1.381845-1.974065 0.592219-3.987611 1.000193-2.013546 0.394813-4.066573 0.605379-2.039867 0.197406-4.092895 0.197407-2.066188 0-4.106054-0.197407-2.053027-0.210567-4.066573-0.605379t-3.987611-1.000193q-1.974065-0.60538-3.869167-1.381845-1.895102-0.789626-3.711242-1.763498-1.81614-0.960711-3.526995-2.105669-1.710856-1.144958-3.290108-2.44784-1.592412-1.316043-3.05322-2.763691-1.447647-1.447647-2.763691-3.04006-1.289722-1.579252-2.434679-3.290108t-2.105669-3.526995q-0.973872-1.81614-1.763498-3.724402-0.789626-1.895102-1.381845-3.869167-0.60538-1.974065-1.000193-3.97445-0.394813-2.026706-0.60538-4.079734-0.197406-2.039867-0.197407-4.079734 0-2.066188 0.197407-4.119215 0.197406-2.039867 0.60538-4.053413 0.394813-2.026706 1.000193-3.98761 0.592219-1.974065 1.381845-3.869167t1.750337-3.711242q0.973872-1.81614 2.105669-3.526995 1.158118-1.710856 2.461001-3.290108 1.302883-1.605573 2.76369-3.05322 1.447647-1.447647 3.0269-2.763691 1.592412-1.302883 3.303268-2.44784 1.710856-1.131797 3.526995-2.105669 1.81614-0.973872 3.711242-1.763498 1.908263-0.789626 3.869167-1.381845 1.974065-0.592219 3.987611-1.000193 2.013546-0.394813 4.066573-0.592219 2.039867-0.210567 4.106054-0.210567 2.053027 0 4.092895 0.210567 2.053027 0.197406 4.066573 0.592219 2.013546 0.407973 3.987611 1.000193 1.974065 0.60538 3.869166 1.381845 1.895102 0.789626 3.711242 1.763498 1.81614 0.973872 3.526996 2.105669 1.710856 1.144958 3.290107 2.44784 1.592412 1.316043 3.05322 2.763691 1.447647 1.447647 2.763691 3.04006 1.289722 1.592412 2.43468 3.303268t2.105669 3.526995q0.973872 1.81614 1.763498 3.711242 0.789626 1.895102 1.381845 3.869167 0.60538 1.974065 1.000193 3.98761t0.60538 4.053413q0.197406 2.053027 0.197406 4.106055zM106.546852 254.970196q0 1.302883-0.131604 2.605766t-0.381653 2.579444q-0.250048 1.289722-0.631701 2.539963t-0.881749 2.461001q-0.500096 1.21076-1.118636 2.368878-0.60538 1.144958-1.342364 2.237273-0.723824 1.092316-1.552931 2.105669-0.829107 1.000193-1.750337 1.934583-0.92123 0.92123-1.947744 1.750338-1.013353 0.829107-2.105669 1.566091-1.079155 0.723824-2.237274 1.342364-1.144958 0.61854-2.368877 1.118637-1.197599 0.500096-2.44784 0.868588-1.250241 0.394813-2.539964 0.644861-1.276562 0.263209-2.579444 0.381653-1.316043 0.131604-2.618926 0.131604-1.316043 0-2.605765-0.131604-1.316043-0.131604-2.592605-0.394813-1.276562-0.250048-2.526803-0.631701-1.250241-0.368492-2.461001-0.868588-1.21076-0.500096-2.368878-1.118637-1.158118-0.61854-2.237273-1.342364-1.092316-0.736984-2.105669-1.566091t-1.934583-1.750338q-0.92123-0.92123-1.750338-1.934583-0.829107-1.013353-1.566091-2.105669-0.723824-1.092316-1.342364-2.237273-0.61854-1.158118-1.118637-2.368878-0.500096-1.21076-0.881749-2.461001-0.381653-1.250241-0.6317-2.539963-0.263209-1.276562-0.394813-2.579444-0.118444-1.316043-0.118444-2.605766 0-1.316043 0.131604-2.618926t0.394813-2.579444q0.236888-1.289722 0.61854-2.539963 0.394813-1.250241 0.881749-2.461001 0.500096-1.21076 1.118637-2.368878 0.61854-1.144958 1.342364-2.237273 0.736984-1.092316 1.566091-2.105669 0.829107-1.000193 1.750338-1.934583 0.92123-0.92123 1.934583-1.750338 1.013353-0.829107 2.105669-1.566091 1.079155-0.723824 2.237273-1.342364 1.158118-0.61854 2.368878-1.118637 1.21076-0.500096 2.461001-0.868588 1.250241-0.394813 2.526803-0.644861 1.289722-0.263209 2.592605-0.381653 1.302883-0.131604 2.605765-0.131604 1.316043 0 2.618926 0.131604t2.579444 0.394813q1.289722 0.250048 2.539964 0.631701 1.250241 0.368492 2.461 0.868588 1.21076 0.500096 2.368878 1.118637 1.144958 0.61854 2.237273 1.342364 1.079155 0.736984 2.105669 1.566091 1.000193 0.829107 1.934584 1.750338 0.92123 0.92123 1.750337 1.934583 0.829107 1.013353 1.552931 2.105669 0.736984 1.092316 1.342364 2.237273 0.61854 1.158118 1.118636 2.368878 0.500096 1.21076 0.881749 2.461001 0.394813 1.250241 0.631701 2.539963 0.263209 1.276562 0.394813 2.579444 0.131604 1.316043 0.131604 2.605766zM1263.401406 258.773561q0 1.487129-0.144765 2.974257-0.144765 1.500289-0.434294 2.961097-0.30269 1.460808-0.736984 2.895295t-1.000193 2.816333q-0.565899 1.381845-1.276562 2.697888-0.710663 1.316043-1.53977 2.566284-0.829107 1.237081-1.776658 2.395199-0.947551 1.158118-2.000386 2.210952-1.052835 1.052835-2.224113 2.013546-1.158118 0.947551-2.395198 1.776658-1.237081 0.829107-2.566284 1.539771-1.316043 0.697503-2.697889 1.276562-1.381845 0.565899-2.816332 1.000192t-2.895295 0.723824q-1.460808 0.30269-2.961097 0.447455-1.487129 0.131604-2.974258 0.131604-1.500289 0-2.987418-0.131604-1.487129-0.144765-2.947936-0.447455-1.473968-0.289529-2.895295-0.723824-1.447647-0.434294-2.829493-1.000192-1.381845-0.579059-2.697888-1.276562-1.316043-0.710663-2.553124-1.539771-1.250241-0.829107-2.408359-1.776658-1.158118-0.947551-2.210952-2.013546-1.052835-1.052835-2.000386-2.210952-0.960711-1.158118-1.789818-2.395199-0.829107-1.250241-1.52661-2.566284-0.710663-1.316043-1.276562-2.697888-0.579059-1.381845-1.013354-2.816333t-0.723823-2.895295q-0.289529-1.460808-0.434295-2.961097-0.144765-1.487129-0.144764-2.974257 0-1.500289 0.131604-2.987418 0.157925-1.487129 0.447455-2.961097 0.289529-1.460808 0.723823-2.895295t1.013354-2.816332q0.565899-1.381845 1.276562-2.697889 0.697503-1.316043 1.52661-2.553123 0.829107-1.250241 1.789818-2.408359 0.947551-1.158118 2.000386-2.210953 1.052835-1.052835 2.210952-2.000385 1.158118-0.960711 2.408359-1.789819 1.237081-0.829107 2.553124-1.53977 1.316043-0.697503 2.711049-1.263402 1.368685-0.579059 2.803172-1.013353t2.895294-0.723824q1.473968-0.289529 2.961097-0.447454 1.487129-0.131604 2.987418-0.131605 1.487129 0 2.987418 0.131605 1.487129 0.157925 2.947937 0.447454 1.460808 0.289529 2.895295 0.723824t2.816332 1.000193q1.381845 0.579059 2.697889 1.289722 1.316043 0.697503 2.566284 1.52661 1.237081 0.829107 2.395198 1.789819 1.158118 0.947551 2.224113 2.000385 1.052835 1.052835 2.000386 2.210953 0.947551 1.158118 1.776658 2.408359 0.829107 1.237081 1.53977 2.553123 0.697503 1.316043 1.276562 2.697889 0.565899 1.381845 1.000193 2.816332t0.736984 2.895295q0.289529 1.473968 0.434294 2.961097 0.144765 1.487129 0.144765 2.987418z m-603.813749 497.332699q7.383002 0 14.739683-0.697503 7.356681-0.684342 14.608079-2.053027 7.264558-1.368685 14.384351-3.408552 7.106633-2.026706 13.989539-4.724594 6.896066-2.684728 13.528923-6.001157 6.619697-3.316429 12.910383-7.238237 6.303847-3.921809 12.226041-8.422676 5.922194-4.474547 11.396933-9.501832l59.48515 60.972278c4.514028 4.632472 16.029405 5.922194 21.898958 0 5.869552-5.909034 3.908648-16.79271-0.618541-21.425182l-60.4327-61.95931q3.97445-5.303654 7.501446-10.923158 3.553316-5.593183 6.632857-11.489057 3.06638-5.882713 5.658985-12.002313 2.605765-6.119601 4.698274-12.423447 2.105669-6.317007 3.684921-12.778779 1.579252-6.474932 2.658407-13.041988 1.052835-6.580216 1.579252-13.226233 0.539578-6.632857 0.539578-13.292036 0-4.027092-0.184246-8.027863-0.197406-4.027092-0.579059-8.027863-0.394813-3.987611-0.973872-7.962061t-1.355525-7.909419q-0.763305-3.948129-1.724016-7.843617-0.960711-3.895488-2.105669-7.738334-1.158118-3.842846-2.487322-7.63305-1.329204-3.777044-2.842653-7.488285-1.51345-3.711242-3.211145-7.343521-1.684535-3.632279-3.553316-7.172435-1.855621-3.540156-3.895488-6.975029-2.026706-3.461193-4.224499-6.790782-2.197792-3.34275-4.553509-6.580216-2.368878-3.211145-4.869359-6.317007t-5.158889-6.080119q-2.658407-2.987418-5.448419-5.816911-2.803172-2.842653-5.724788-5.540541-2.934776-2.697888-5.987996-5.251013-3.06638-2.553124-6.238044-4.935161-3.171664-2.395198-6.461772-4.632472-3.290108-2.237273-6.685499-4.290301-3.382231-2.066188-6.869745-3.96129t-7.067152-3.605958q-3.579637-1.724017-7.238237-3.263787-3.645439-1.53977-7.369842-2.895295-3.724402-1.342364-7.501446-2.500481-3.790204-1.184439-7.63305-2.158311-3.816525-0.973872-7.698852-1.750338-3.882327-0.789626-7.790975-1.381845-3.908648-0.579059-7.843617-0.973872-3.948129-0.394813-7.896259-0.592219t-7.896259-0.197407q-3.948129 0-7.896259 0.197407t-7.896259 0.592219q-3.934969 0.394813-7.843617 0.973872-3.908648 0.592219-7.790975 1.381845t-7.712013 1.750338q-3.842846 0.987032-7.619889 2.14515-3.790204 1.171278-7.501446 2.526803-3.724402 1.342364-7.369842 2.895295-3.67176 1.52661-7.238237 3.250626-3.579637 1.710856-7.067152 3.605958-3.487514 1.895102-6.869745 3.94813-3.395391 2.079348-6.685499 4.303461-3.290108 2.237273-6.461772 4.632472-3.184824 2.382038-6.238044 4.935161-3.05322 2.553124-5.987996 5.251013-2.921616 2.697888-5.724788 5.527381-2.790011 2.842653-5.448419 5.830071-2.658407 2.974257-5.158889 6.080119-2.513642 3.105862-4.869359 6.317007-2.355717 3.237466-4.55351 6.580216-2.197792 3.329589-4.224498 6.777622-2.039867 3.448033-3.895488 6.988189-1.868781 3.553316-3.553316 7.172435-1.697696 3.632279-3.211145 7.343521-1.51345 3.711242-2.842653 7.501445-1.329204 3.777044-2.487322 7.633051-1.144958 3.829686-2.105669 7.725173-0.960711 3.895488-1.724017 7.843617-0.776465 3.948129-1.355524 7.909419-0.579059 3.97445-0.973872 7.975221-0.394813 3.987611-0.579059 8.001543-0.197406 4.013932-0.197406 8.027863 0 4.027092 0.197406 8.027863 0.197406 4.013932 0.579059 8.027863 0.394813 3.987611 0.973872 7.962061t1.355524 7.909419q0.763305 3.948129 1.724017 7.843617 0.960711 3.895488 2.105669 7.738334 1.158118 3.842846 2.487322 7.63305 1.329204 3.777044 2.842653 7.488285 1.51345 3.711242 3.197984 7.330361 1.697696 3.632279 3.553317 7.185595 1.868781 3.540156 3.908648 6.975029 2.026706 3.461193 4.224498 6.790782 2.197792 3.34275 4.55351 6.580216 2.355717 3.211145 4.869359 6.317007 2.500482 3.105862 5.158889 6.080119 2.658407 2.987418 5.448419 5.816911 2.803172 2.842653 5.724788 5.540542 2.934776 2.697888 5.987996 5.251012 3.06638 2.553124 6.238044 4.935161 3.171664 2.395198 6.461772 4.632472 3.290108 2.237273 6.685499 4.290301 3.382231 2.066188 6.869745 3.96129t7.067152 3.605958q3.566477 1.710856 7.238237 3.263787 3.645439 1.53977 7.369842 2.895295 3.711242 1.342364 7.501446 2.500482 3.777044 1.184439 7.619889 2.15831 3.829686 0.973872 7.712013 1.750338 3.882327 0.789626 7.790975 1.381845 3.908648 0.579059 7.843617 0.973872 3.948129 0.394813 7.896259 0.592219t7.896259 0.197407z m92.201982-257.997095q38.428459 39.047 38.428459 94.360292 0 55.300132-38.428459 94.347132-38.231053 38.823272-92.201982 38.823273-53.970929 0-92.201982-38.823273-38.428459-39.047-38.428459-94.360292 0-55.300132 38.428459-94.347132 38.231053-38.836433 92.201982-38.836433 53.957768 0 92.201982 38.836433z m-108.968372 120.549551a55.313293 55.313293 0 0 1-0.658021-7.567248c0-9.922965 4.435065-18.977342 15.437186-26.781478l9.44919-6.619697c5.922194-4.185017 8.475318-8.988575 8.475317-14.739683 0-8.422676-5.737948-16.542662-19.54324-16.542662-13.818453 0-19.806449 10.554666-19.806449 21.109331 0 2.066188 0.329011 4.185017 0.658021 5.987997l-24.557365-0.868589a41.152669 41.152669 0 0 1-0.92123-8.422676c0-20.174941 15.700395-39.468134 44.350654-39.468133 30.163709 0 45.929905 18.042951 45.929905 37.033453 0 14.792325-7.883098 25.03114-19.21423 32.835277l-7.883098 5.435258c-6.896066 4.487707-10.357259 10.488864-10.35726 18.029791v1.184438h-21.35938v-0.61854z m10.936319 12.041794c8.54112 0 15.437186 6.619697 15.437186 14.739683 0 8.106826-6.896066 14.739683-15.437186 14.739683-8.527959 0-15.437186-6.632857-15.437186-14.739683 0-8.119986 6.909226-14.739683 15.437186-14.739683zM106.546852 867.640916q0 2.605765-0.263209 5.224691-0.250048 2.592605-0.750144 5.158889-0.526417 2.566284-1.276562 5.079926-0.763305 2.500482-1.763498 4.922002-1.000193 2.421519-2.237273 4.724595-1.22392 2.303075-2.684728 4.474546-1.447647 2.184632-3.119022 4.211338-1.658214 2.026706-3.500675 3.869167-1.84246 1.84246-3.882327 3.513835-2.013546 1.658214-4.198178 3.119022-2.171471 1.447647-4.474547 2.684728-2.316236 1.237081-4.737755 2.237274-2.408359 1.000193-4.922001 1.763497-2.500482 0.750145-5.066766 1.263402t-5.17205 0.763305q-2.605765 0.263209-5.224691 0.263209t-5.224691-0.263209q-2.605765-0.263209-5.17205-0.763305-2.566284-0.513257-5.066766-1.263402-2.500482-0.763305-4.922001-1.763497-2.421519-1.000193-4.737755-2.237274-2.289915-1.237081-4.474547-2.684728-2.171471-1.447647-4.198178-3.119022-2.026706-1.658214-3.869166-3.513835-1.84246-1.84246-3.513836-3.869167-1.658214-2.026706-3.119022-4.211338-1.447647-2.171471-2.684728-4.474546-1.237081-2.303075-2.237273-4.737756-1.000193-2.408359-1.763498-4.908841-0.750145-2.500482-1.263401-5.079926-0.513257-2.566284-0.776466-5.158889Q0 870.246681 0 867.627755q0-2.632086 0.263209-5.224691 0.250048-2.605765 0.763305-5.17205 0.513257-2.566284 1.263401-5.079926 0.763305-2.500482 1.763498-4.908841 1.000193-2.421519 2.237273-4.737755 1.237081-2.303075 2.684728-4.474547 1.447647-2.184632 3.119022-4.211338 1.658214-2.013546 3.513836-3.869167 1.84246-1.84246 3.869166-3.513835 2.026706-1.658214 4.211338-3.105862 2.158311-1.447647 4.474547-2.684728 2.303075-1.237081 4.724595-2.237273 2.421519-1.013353 4.922001-1.763498 2.500482-0.763305 5.066766-1.276562 2.566284-0.500096 5.17205-0.763305 2.605765-0.263209 5.224691-0.263208 2.632086 0 5.224691 0.263208 2.605765 0.263209 5.17205 0.763305 2.566284 0.526417 5.066766 1.276562t4.922001 1.763498q2.421519 1.000193 4.737755 2.237273 2.303075 1.22392 4.474547 2.684728 2.184632 1.447647 4.211338 3.105862 2.013546 1.671375 3.869167 3.513835 1.84246 1.84246 3.500675 3.869167 1.671375 2.026706 3.119022 4.211338 1.447647 2.171471 2.684728 4.474547 1.237081 2.316236 2.237273 4.737755 1.000193 2.408359 1.763498 4.908841 0.763305 2.500482 1.276562 5.079926 0.500096 2.566284 0.763305 5.17205 0.263209 2.605765 0.263208 5.224691z m696.936961-32.558907H505.571129c-11.212687 0-20.319706 6.830264-20.319706 15.226619s9.107018 15.213459 20.319706 15.213458h297.912684c11.199527 0 20.319706-6.817103 20.319706-15.213458 0-8.396355-9.120179-15.226619-20.319706-15.226619z m0 79.002069H505.571129c-11.212687 0-20.319706 6.817103-20.319706 15.213458 0 8.396355 9.107018 15.226619 20.319706 15.226619h297.912684c11.199527 0 20.319706-6.830264 20.319706-15.226619s-9.120179-15.213459-20.319706-15.213458z m-66.447018 67.710419h-165.031808c-10.502024 0-19.043144 6.817103-19.043145 15.213458 0 8.396355 8.55428 15.226619 19.043145 15.226619h165.031808c10.515185 0 19.056305-6.830264 19.056305-15.226619s-8.55428-15.213459-19.056305-15.213458z" p-id="9472"></path></svg>
+      <div class="ui-no-data__info">
+        <slot>
+          <span>{{ t('components.noData.emptyText') || '暂无数据' }}</span>
+        </slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import locale from '../../../mixins/locale.js';
+
+export default {
+  name: 'UiNoData',
+  mixins: [locale]
+}
+</script>
+
+

package/src/packages/notification/index.js

@@ -0,0 +1,72 @@
+import NotificationComponent from './src/main.vue';
+import Vue from 'vue';
+
+const NotificationConstructor = Vue.extend(NotificationComponent);
+
+let instance;
+let instances = [];
+let seed = 1;
+
+const Notification = function(options) {
+  if (Vue.prototype.$isServer) return;
+
+  options = options || {};
+
+  if (typeof options === 'string') {
+    options = {
+      message: options
+    };
+  }
+
+  const userOnClosed = options.onClosed || function() {};
+  const id = 'notification_' + seed++;
+
+  const userOffset = options.offset || 20;
+  let verticalOffset = options.verticalOffset || 0;
+
+  // 计算垂直偏移
+  instances.forEach(item => {
+    verticalOffset += item.$el.offsetHeight + 16;
+  });
+  verticalOffset += userOffset;
+
+  instance = new NotificationConstructor({
+    data: options,
+    destroyed: function() {
+      const dom = this.$el;
+      if (dom.parentNode) {
+        dom.parentNode.removeChild(dom);
+      }
+      // 从实例数组中移除
+      const index = instances.indexOf(this);
+      if (index > -1) {
+        instances.splice(index, 1);
+      }
+      userOnClosed();
+    }
+  });
+
+  instance.id = id;
+  instance.$mount();
+  instance.visible = true;
+  instance.$el.style.zIndex = options.zIndex || 2000;
+
+  document.body.appendChild(instance.$el);
+  instances.push(instance);
+
+  return instance;
+};
+
+['success', 'warning', 'info', 'error'].forEach(type => {
+  Notification[type] = options => {
+    if (typeof options === 'string') {
+      options = {
+        message: options
+      };
+    }
+    options.type = type;
+    return Notification(options);
+  };
+});
+
+export default Notification;

package/src/packages/notification/src/main.vue

@@ -0,0 +1,139 @@
+<template>
+  <transition name="ui-notification-fade" @before-leave="onBeforeLeave" @after-leave="onAfterLeave">
+    <div
+      v-if="visible"
+      class="ui-notification"
+      :class="[type ? 'ui-notification--' + type : '', customClass]"
+      :style="positionStyle"
+      role="alert"
+      @click="onClick"
+    >
+      <i class="ui-notification__icon" :class="iconClass" v-if="showIcon || icon"></i>
+      <div class="ui-notification__group">
+        <h2 class="ui-notification__title" v-if="title">{{ title }}</h2>
+        <p class="ui-notification__content" v-if="message">{{ message }}</p>
+        <slot></slot>
+      </div>
+      <i class="ui-notification__closebtn icon-close" v-if="showClose" @click.stop="close"></i>
+    </div>
+  </transition>
+</template>
+
+<script>
+const TYPE_ICONS_MAP = {
+  'success': 'icon-success',
+  'warning': 'icon-warning',
+  'info': 'icon-info',
+  'error': 'icon-error'
+};
+
+export default {
+  name: 'UiNotification',
+
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    message: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'info',
+      validator: value => ['success', 'warning', 'info', 'error'].indexOf(value) > -1
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    duration: {
+      type: Number,
+      default: 4500
+    },
+    position: {
+      type: String,
+      default: 'top-right',
+      validator: value => ['top-right', 'top-left', 'bottom-right', 'bottom-left'].indexOf(value) > -1
+    },
+    customClass: {
+      type: String,
+      default: ''
+    },
+    offset: {
+      type: Number,
+      default: 20
+    },
+    zIndex: {
+      type: Number,
+      default: 2000
+    },
+    showIcon: {
+      type: Boolean,
+      default: false
+    },
+    onClose: Function,
+    onClick: Function
+  },
+
+  data() {
+    return {
+      visible: false,
+      timer: null
+    };
+  },
+
+  computed: {
+    iconClass() {
+      if (this.icon) {
+        return this.icon;
+      }
+      if (this.showIcon && this.type) {
+        return TYPE_ICONS_MAP[this.type];
+      }
+      return '';
+    },
+    positionStyle() {
+      const positions = this.position.split('-');
+      const style = {
+        [positions[0]]: this.offset + 'px'
+      };
+      style[positions[1]] = this.offset + 'px';
+      style.zIndex = this.zIndex;
+      return style;
+    }
+  },
+
+  mounted() {
+    if (this.duration) {
+      this.timer = setTimeout(() => {
+        this.close();
+      }, this.duration);
+    }
+  },
+
+  beforeDestroy() {
+    if (this.timer) {
+      clearTimeout(this.timer);
+    }
+  },
+
+  methods: {
+    close() {
+      this.visible = false;
+    },
+    onBeforeLeave() {
+      this.onClose && this.onClose();
+    },
+    onAfterLeave() {
+      this.$emit('closed');
+      this.$destroy();
+    }
+  }
+};
+</script>

package/src/packages/option/index.js

@@ -0,0 +1,13 @@
+/**
+ * Option 组件
+ * 与 Select 组件配合使用
+ */
+
+import UiOption from '../select/src/option.vue'
+
+// 自动安装
+UiOption.install = function(Vue) {
+  Vue.component(UiOption.name, UiOption)
+}
+
+export default UiOption

package/src/packages/page-header/index.js

@@ -0,0 +1,12 @@
+/**
+ * PageHeader 页头组件
+ */
+
+import UiPageHeader from './src/main.vue'
+
+// 自动安装
+UiPageHeader.install = function(Vue) {
+  Vue.component(UiPageHeader.name, UiPageHeader)
+}
+
+export default UiPageHeader

package/src/packages/page-header/src/main.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="ui-page-header">
+    <div class="ui-page-header__left" @click="$emit('back')">
+      <i class="ui-page-header__icon icon-back"></i>
+      <div class="ui-page-header__title">
+        <slot name="title">{{ title }}</slot>
+      </div>
+    </div>
+    <div class="ui-page-header__content">
+      <slot name="content">{{ content }}</slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'UiPageHeader',
+
+  props: {
+    title: {
+      type: String,
+      default: '返回'
+    },
+    content: String
+  }
+};
+</script>

package/src/packages/pagination/index.js

@@ -0,0 +1,12 @@
+/**
+ * Pagination 分页组件
+ */
+
+import UiPagination from './src/main.vue'
+
+// 自动安装
+UiPagination.install = function(Vue) {
+  Vue.component(UiPagination.name, UiPagination)
+}
+
+export default UiPagination