xianniu-ui 0.1.3 → 0.1.4

package/packages/export/index.js

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

package/packages/export/main.vue

@@ -0,0 +1,99 @@
+<template>
+  <xn-dialog :title="title" :confirm-text="isExporting ? '正在导出...' : '导出'" :show.sync="show" :before-close="onClose" width="460px" @on-confirm="onExport">
+    <el-form ref="form" :model="form" label-width="100px">
+      <el-form-item label="导出文件名" prop="name">
+        <el-input v-model="form.name" placeholder="请填写导出文件名" clearable />
+      </el-form-item>
+      <!-- <el-form-item label="导出文件类型" prop="type">
+        <el-select v-model="form.type" placeholder="导出文件类型" filterable>
+          <el-option
+            v-for="item in $enums.EXPORT_TYPE.getList()"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item> -->
+      <!-- <el-form-item label="导出时间范围" prop="date">
+        <xn-date v-model="form.date" clearable is-shortcut type="daterange" />
+      </el-form-item> -->
+    </el-form>
+    <!-- <template #footer>
+      <el-button @click="onClose">取消</el-button>
+      <el-button type="primary" :loading="isExporting" @click="onExport">
+        {{ isExporting ? "正在导出..." : "导出" }}
+      </el-button>
+    </template> -->
+  </xn-dialog>
+</template>
+<script>
+export default {
+  name: 'XnExport',
+  props: {
+    show: {
+      type: Boolean,
+      default: false
+    },
+    isExporting: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      form: {
+        name: '导出文件',
+        type: 0,
+        date: ''
+      }
+    }
+  },
+  computed: {
+    title() {
+      return `导出`
+    },
+    fileNameDate() {
+      return this.form.date.join('_')
+    //   return this.$tools.dayjs().format('YYYYMMDDHHmmss')
+    }
+  },
+  watch: {
+    show(n) {
+      if (!n) {
+        this.$refs.form.resetFields()
+      }
+    }
+  },
+  methods: {
+    onClose() {
+      this.$emit('update:show', false)
+    },
+    onExport() {
+      this.$emit('on-export', this.form)
+    },
+    createBlob(data) {
+      if (!data) {
+        this.$message.warning('导出数据有误，请稍后重试！')
+        return
+      }
+      const postfix = 'xls'
+    //   const postfix = this.$enums.EXPORT_TYPE.getLabel(this.form.type)
+      const isDate = this.form.date && this.form.date.length
+      const { form: { name }} = this
+      const blob = new Blob([data])
+      const fileName = isDate ? `${name}(${this.fileNameDate})${postfix}` : `${name}.${postfix}`
+      const linkNode = document.createElement('a')
+      linkNode.download = fileName // a标签的download属性规定下载文件的名称
+      linkNode.style.display = 'none'
+      linkNode.href = URL.createObjectURL(blob) // 生成一个Blob URL
+      document.body.appendChild(linkNode)
+      linkNode.click() // 模拟在按钮上的一次鼠标单击
+
+      URL.revokeObjectURL(linkNode.href) // 释放URL 对象
+      document.body.removeChild(linkNode)
+      this.$emit('update:isExporting', false)
+      this.onClose()
+    }
+  }
+}
+</script>

package/packages/import/index.js

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

package/packages/import/main.vue

@@ -0,0 +1,135 @@
+<template>
+    <xn-dialog
+      title="批量导入"
+      v-bind="$attrs"
+      v-on="$listeners"
+      :show-confirm="true"
+      :show.sync="show"
+      @on-confirm="handleConfirm"
+      size="small"
+    >
+      <div class="xn-import">
+        <el-link
+          class="mb-20"
+          type="success"
+          icon="el-icon-download"
+          :underline="false"
+          @click="handleDownload"
+          >下载模板</el-link
+        >
+        <el-upload
+          ref="import"
+          action="###"
+          class="xn-import-upload"
+          v-bind="$attrs"
+          drag
+          :file-list="fileList"
+          :http-request="onSubmitUpload"
+          :before-upload="handleUploadBefore"
+          :on-exceed="onExceed"
+          :on-change="onChange"
+          :on-remove="onRemove"
+          :accept="accept"
+          v-on="$listeners"
+        >
+          <template slot="trigger">
+            <div class="xn-import-trigger">
+              <i class="xn-import-trigger__icon el-icon-upload" />
+              <span class="xn-import-trigger__text">
+                <span>将文件拖到此处，或</span>
+                <em>点击上传</em>
+              </span>
+            </div>
+          </template>
+          <div v-if="tip" slot="tip" class="el-upload__tip">{{ tip }}</div>
+        </el-upload>
+        <div slot="desc" class="xn-import-desc mt-10 fz-12">
+          <el-alert title="注：" type="warning">
+            <div>
+              <p>
+                1、非系统模板的文件会导入失败，请务必使用系统模板，点击上方按钮进行下载
+              </p>
+              <p>2、导入期间请勿进行其他操作</p>
+              <p>3、导入为替换操作，请谨慎操作</p>
+            </div>
+          </el-alert>
+        </div>
+      </div>
+    </xn-dialog>
+</template>
+<script>
+export default {
+  name: "XnImport",
+  inheritAttrs: false,
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+    },
+    tip: {
+      type: String,
+      default: "仅支持上传excel文件",
+    },
+    accept: {
+      type: String,
+      default: ".xls,.xlsx",
+    },
+    templateConfig: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      fileList: [],
+    };
+  },
+  created() {
+    console.log(this);
+  },
+  methods: {
+    onClose() {
+      this.$emit("update:show", false);
+    },
+    handleUploadBefore() {},
+    onChange(file, files) {
+      this.fileList = files;
+      this.$emit("on-change", files);
+    },
+    async onSubmitUpload(file) {
+      try {
+        const _file = file.file;
+        this.$emit("on-import", _file);
+      } catch (error) {
+        file.onError();
+      }
+    },
+    onExceed() {
+      this.$message.warning("单次最多上传一个文件");
+    },
+
+    submit() {
+      this.$refs.import.submit();
+    },
+    abort() {
+      this.$refs.import.abort();
+    },
+    clearFiles() {
+      this.$refs.import.clearFiles();
+    },
+    onRemove(file, files) {
+      this.fileList = files;
+    },
+
+    handleDownload() {
+      this.$utils.download(this.templateConfig);
+    },
+    handleConfirm() {
+      if (!this.fileList.length) {
+        return this.$message.warning("请选择要上传的文件");
+      }
+      this.submit();
+    },
+  },
+};
+</script>

package/packages/inputRange/index.js

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

package/packages/inputRange/main.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="xn-input-range">
+      123
+  </div>
+</template>
+
+<script>
+export default {
+name:"XnInputRange"
+}
+</script>
+
+<style>
+
+</style>

package/packages/page/main.vue

@@ -27,7 +27,7 @@ export default {
       type: Number,
       default: 0,
     },
-    page: {
+    pageNum: {
       type: Number,
       default: 1,
     },
@@ -64,10 +64,10 @@ export default {
     },
     currentPage: {
       get() {
-        return this.page;
+        return this.pageNum;
       },
       set(val) {
-        this.$emit("update:page", val);
+        this.$emit("update:pageNum", val);
       },
     },
     pageSize: {
@@ -81,13 +81,13 @@ export default {
   },
   methods: {
     handleSizeChange(val) {
-      this.$emit("pagination", { page: this.currentPage, limit: val });
+      this.$emit("pagination", { pageNum: this.currentPage, limit: val });
       if (this.autoScroll && !this.isSmall) {
         scrollTo(0, 800);
       }
     },
     handleCurrentChange(val) {
-      this.$emit("pagination", { page: val, limit: this.pageSize });
+      this.$emit("pagination", { pageNum: val, pageSize: this.pageSize });
       if (this.autoScroll && !this.isSmall) {
         scrollTo(0, 800);
       }

package/packages/search/index.js

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

package/packages/search/main.vue

@@ -0,0 +1,230 @@
+<template>
+  <el-form
+    class="xn-search"
+    ref="form"
+    inline
+    :model="form"
+    :label-width="labelWidth"
+  >
+    <el-row :gutter="0" class="xn-search--row">
+      <template v-for="(item, idx) in formData">
+        <el-col
+          :xs="24"
+          :sm="12"
+          :md="8"
+          :lg="6"
+          :xl="6"
+          :offset="0" 
+          :key="idx"
+          v-if="item.isShow || isColl"
+        >
+          <el-form-item
+            v-if="item.type === 'city'"
+            :label="item.label"
+            :prop="item.prop"
+            class="xn-search--row_col"
+          >
+            <xn-city
+              :data-level="(item.options && item.options.dataLevel) || 2"
+              v-model="form.value[idx].modelVal"
+              @on-city="handleChangeCity"
+            />
+          </el-form-item>
+          <el-form-item
+            v-if="item.type === 'input'"
+            :label="item.label"
+            :prop="item.prop"
+            class="xn-search--row_col"
+          >
+            <el-input
+              style="width: 100%"
+              v-model="form.value[idx].modelVal"
+              :clearable="item.clearable || true"
+              :placeholder="item.placeholder"
+            />
+          </el-form-item>
+          <el-form-item
+            v-if="item.type === 'select'"
+            :label="item.label"
+            :prop="item.prop"
+            class="xn-search--row_col"
+          >
+            <el-select
+              v-model="form.value[idx].modelVal"
+              :placeholder="item.placeholder"
+              :clearable="item.clearable || true"
+              filterable
+            >
+              <el-option
+                v-for="(itemData, idxData) in item.data"
+                :key="idxData"
+                :label="itemData.label"
+                :value="itemData.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="isDate(item.type)"
+            :label="item.label"
+            :prop="item.prop"
+            class="xn-search--row_col"
+          >
+            <xn-date
+              v-model="form.value[idx].modelVal"
+              :mode="item.mode || 'range'"
+              :type="item.type || 'daterange'"
+              :is-shortcut="showShortcut(item)"
+              :placeholder="item.placeholder"
+              :startPlaceholder="item.options && item.options.startPlaceholder"
+              :endPlaceholder="item.options && item.options.endPlaceholder"
+              :clearable="item.clearable || true"
+              :default-time="
+                isRange(item.type) && item.defaultTime == undefined
+                  ? ['00:00:00', '23:59:59']
+                  : item.defaultTime
+              "
+              @on-change="onChangeDate"
+              @on-format="onChangeDateFormat"
+            />
+          </el-form-item>
+        </el-col>
+      </template>
+      <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" :offset="0">
+        <el-form-item :style="{ 'padding-left': `${labelWidth}` }">
+          <el-button type="primary" icon="el-icon-search" @click="onSearch"
+            >查询</el-button
+          >
+          <el-button @click="onReset">重置</el-button>
+          <el-button
+            v-if="formData.length && formData.length > 4"
+            type="text"
+            @click="isColl = !isColl"
+            ><span>{{ isColl ? "收起" : "高级查询" }}</span
+            ><i class="ml-5" :class="toggle"></i
+          ></el-button>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+export default {
+  name: "XnSearch",
+  props: {
+    formData: {
+      type: Array,
+      default: () => [],
+    },
+    labelWidth: {
+      type: String,
+      default: "110px",
+    },
+  },
+  computed: {
+    toggle() {
+      return this.isColl ? "el-icon-arrow-up" : "el-icon-arrow-down";
+    },
+    isDate() {
+      return (type) => {
+        return [
+          "date",
+          "week",
+          "month",
+          "year",
+          "dates",
+          "datetime",
+          "datetimerange",
+          "daterange",
+          "monthrange",
+        ].includes(type);
+      };
+    },
+    isRange() {
+      return (type) => {
+        return ["datetimerange", "daterange", "monthrange"].includes(type);
+      };
+    },
+    showShortcut() {
+      return (item) => {
+        let flag = "";
+        if (this.isRange(item.type)) {
+          flag = item.options.isShortcut;
+        } else {
+          flag = false;
+        }
+
+        return flag;
+      };
+    },
+  },
+  data() {
+    return {
+      city: {},
+      form: {
+        value: [],
+      },
+      isColl: false,
+    };
+  },
+  created() {
+    for (let i = 0, formData = this.formData; i < formData.length; i++) {
+      const item = formData[i];
+      item.isShow = i > 3 ? false : true;
+      this.form.value.push({
+        key: item.prop,
+        modelVal: "",
+      });
+    }
+  },
+  methods: {
+    onSearch() {
+      const formValue = {};
+      if (this.formData) {
+        for (let i = 0, formData = this.formData; i < formData.length; i++) {
+          const item = formData[i];
+          const index = i;
+          const key = item.prop;
+          const value = this.form.value[index].modelVal;
+          if (this.isRange(item.type) || item.mode === "group") {
+            if (
+              item.options &&
+              item.options.start &&
+              item.options &&
+              item.options.end
+            ) {
+              formValue[item.options.start] = value[0] || "";
+              formValue[item.options.end] = value[1] || "";
+            }
+          } else {
+            formValue[key] = value;
+          }
+        }
+      }
+      this.$emit("on-search", formValue);
+    },
+    onReset() {
+      this.form.value = [];
+      for (let i = 0, formData = this.formData; i < formData.length; i++) {
+        const item = formData[i];
+        this.form.value.push({
+          key: item.prop,
+          modelVal: "",
+        });
+      }
+      this.$emit("on-reset");
+      this.$emit("on-search", {});
+    },
+    onChangeDate() {
+      // console.log(val);
+    },
+    onChangeDateFormat() {
+      // console.log(val);
+    },
+    handleChangeCity({ cityCodeLast: cityCode, cityNameLast: cityName }) {
+      this.city = { cityCode, cityName };
+    },
+  },
+};
+</script>
+

package/packages/style/lib/basic.css

@@ -0,0 +1 @@
+.text-ell-1,.text-ell-2{overflow:hidden;text-overflow:ellipsis}.text-primary{color:#FF745C!important}.text-success{color:#52C41A!important}.text-danger{color:#FF4D4F!important}.text-warning{color:#FAAD14!important}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.fz-0{font-size:0}.m-1{margin:1px}.mt-1{margin-top:1px}.mb-1{margin-bottom:1px}.ml-1{margin-left:1px}.mr-1{margin-right:1px}.p-1{padding:1px}.pt-1{padding-top:1px}.pb-1{padding-bottom:1px}.pl-1{padding-left:1px}.pr-1{padding-right:1px}.fz-1{font-size:1px}.m-2{margin:2px}.mt-2{margin-top:2px}.mb-2{margin-bottom:2px}.ml-2{margin-left:2px}.mr-2{margin-right:2px}.p-2{padding:2px}.pt-2{padding-top:2px}.pb-2{padding-bottom:2px}.pl-2{padding-left:2px}.pr-2{padding-right:2px}.fz-2{font-size:2px}.m-3{margin:3px}.mt-3{margin-top:3px}.mb-3{margin-bottom:3px}.ml-3{margin-left:3px}.mr-3{margin-right:3px}.p-3{padding:3px}.pt-3{padding-top:3px}.pb-3{padding-bottom:3px}.pl-3{padding-left:3px}.pr-3{padding-right:3px}.fz-3{font-size:3px}.m-4{margin:4px}.mt-4{margin-top:4px}.mb-4{margin-bottom:4px}.ml-4{margin-left:4px}.mr-4{margin-right:4px}.p-4{padding:4px}.pt-4{padding-top:4px}.pb-4{padding-bottom:4px}.pl-4{padding-left:4px}.pr-4{padding-right:4px}.fz-4{font-size:4px}.m-5{margin:5px}.mt-5{margin-top:5px}.mb-5{margin-bottom:5px}.ml-5{margin-left:5px}.mr-5{margin-right:5px}.p-5{padding:5px}.pt-5{padding-top:5px}.pb-5{padding-bottom:5px}.pl-5{padding-left:5px}.pr-5{padding-right:5px}.fz-5{font-size:5px}.m-6{margin:6px}.mt-6{margin-top:6px}.mb-6{margin-bottom:6px}.ml-6{margin-left:6px}.mr-6{margin-right:6px}.p-6{padding:6px}.pt-6{padding-top:6px}.pb-6{padding-bottom:6px}.pl-6{padding-left:6px}.pr-6{padding-right:6px}.fz-6{font-size:6px}.m-7{margin:7px}.mt-7{margin-top:7px}.mb-7{margin-bottom:7px}.ml-7{margin-left:7px}.mr-7{margin-right:7px}.p-7{padding:7px}.pt-7{padding-top:7px}.pb-7{padding-bottom:7px}.pl-7{padding-left:7px}.pr-7{padding-right:7px}.fz-7{font-size:7px}.m-8{margin:8px}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.ml-8{margin-left:8px}.mr-8{margin-right:8px}.p-8{padding:8px}.pt-8{padding-top:8px}.pb-8{padding-bottom:8px}.pl-8{padding-left:8px}.pr-8{padding-right:8px}.fz-8{font-size:8px}.m-9{margin:9px}.mt-9{margin-top:9px}.mb-9{margin-bottom:9px}.ml-9{margin-left:9px}.mr-9{margin-right:9px}.p-9{padding:9px}.pt-9{padding-top:9px}.pb-9{padding-bottom:9px}.pl-9{padding-left:9px}.pr-9{padding-right:9px}.fz-9{font-size:9px}.m-10{margin:10px}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.p-10{padding:10px}.pt-10{padding-top:10px}.pb-10{padding-bottom:10px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.fz-10{font-size:10px}.m-11{margin:11px}.mt-11{margin-top:11px}.mb-11{margin-bottom:11px}.ml-11{margin-left:11px}.mr-11{margin-right:11px}.p-11{padding:11px}.pt-11{padding-top:11px}.pb-11{padding-bottom:11px}.pl-11{padding-left:11px}.pr-11{padding-right:11px}.fz-11{font-size:11px}.m-12{margin:12px}.mt-12{margin-top:12px}.mb-12{margin-bottom:12px}.ml-12{margin-left:12px}.mr-12{margin-right:12px}.p-12{padding:12px}.pt-12{padding-top:12px}.pb-12{padding-bottom:12px}.pl-12{padding-left:12px}.pr-12{padding-right:12px}.fz-12{font-size:12px}.m-13{margin:13px}.mt-13{margin-top:13px}.mb-13{margin-bottom:13px}.ml-13{margin-left:13px}.mr-13{margin-right:13px}.p-13{padding:13px}.pt-13{padding-top:13px}.pb-13{padding-bottom:13px}.pl-13{padding-left:13px}.pr-13{padding-right:13px}.fz-13{font-size:13px}.m-14{margin:14px}.mt-14{margin-top:14px}.mb-14{margin-bottom:14px}.ml-14{margin-left:14px}.mr-14{margin-right:14px}.p-14{padding:14px}.pt-14{padding-top:14px}.pb-14{padding-bottom:14px}.pl-14{padding-left:14px}.pr-14{padding-right:14px}.fz-14{font-size:14px}.m-15{margin:15px}.mt-15{margin-top:15px}.mb-15{margin-bottom:15px}.ml-15{margin-left:15px}.mr-15{margin-right:15px}.p-15{padding:15px}.pt-15{padding-top:15px}.pb-15{padding-bottom:15px}.pl-15{padding-left:15px}.pr-15{padding-right:15px}.fz-15{font-size:15px}.m-16{margin:16px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.mr-16{margin-right:16px}.p-16{padding:16px}.pt-16{padding-top:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.pr-16{padding-right:16px}.fz-16{font-size:16px}.m-17{margin:17px}.mt-17{margin-top:17px}.mb-17{margin-bottom:17px}.ml-17{margin-left:17px}.mr-17{margin-right:17px}.p-17{padding:17px}.pt-17{padding-top:17px}.pb-17{padding-bottom:17px}.pl-17{padding-left:17px}.pr-17{padding-right:17px}.fz-17{font-size:17px}.m-18{margin:18px}.mt-18{margin-top:18px}.mb-18{margin-bottom:18px}.ml-18{margin-left:18px}.mr-18{margin-right:18px}.p-18{padding:18px}.pt-18{padding-top:18px}.pb-18{padding-bottom:18px}.pl-18{padding-left:18px}.pr-18{padding-right:18px}.fz-18{font-size:18px}.m-19{margin:19px}.mt-19{margin-top:19px}.mb-19{margin-bottom:19px}.ml-19{margin-left:19px}.mr-19{margin-right:19px}.p-19{padding:19px}.pt-19{padding-top:19px}.pb-19{padding-bottom:19px}.pl-19{padding-left:19px}.pr-19{padding-right:19px}.fz-19{font-size:19px}.m-20{margin:20px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.ml-20{margin-left:20px}.mr-20{margin-right:20px}.p-20{padding:20px}.pt-20{padding-top:20px}.pb-20{padding-bottom:20px}.pl-20{padding-left:20px}.pr-20{padding-right:20px}.fz-20{font-size:20px}.m-21{margin:21px}.mt-21{margin-top:21px}.mb-21{margin-bottom:21px}.ml-21{margin-left:21px}.mr-21{margin-right:21px}.p-21{padding:21px}.pt-21{padding-top:21px}.pb-21{padding-bottom:21px}.pl-21{padding-left:21px}.pr-21{padding-right:21px}.fz-21{font-size:21px}.m-22{margin:22px}.mt-22{margin-top:22px}.mb-22{margin-bottom:22px}.ml-22{margin-left:22px}.mr-22{margin-right:22px}.p-22{padding:22px}.pt-22{padding-top:22px}.pb-22{padding-bottom:22px}.pl-22{padding-left:22px}.pr-22{padding-right:22px}.fz-22{font-size:22px}.m-23{margin:23px}.mt-23{margin-top:23px}.mb-23{margin-bottom:23px}.ml-23{margin-left:23px}.mr-23{margin-right:23px}.p-23{padding:23px}.pt-23{padding-top:23px}.pb-23{padding-bottom:23px}.pl-23{padding-left:23px}.pr-23{padding-right:23px}.fz-23{font-size:23px}.m-24{margin:24px}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}.ml-24{margin-left:24px}.mr-24{margin-right:24px}.p-24{padding:24px}.pt-24{padding-top:24px}.pb-24{padding-bottom:24px}.pl-24{padding-left:24px}.pr-24{padding-right:24px}.fz-24{font-size:24px}.m-25{margin:25px}.mt-25{margin-top:25px}.mb-25{margin-bottom:25px}.ml-25{margin-left:25px}.mr-25{margin-right:25px}.p-25{padding:25px}.pt-25{padding-top:25px}.pb-25{padding-bottom:25px}.pl-25{padding-left:25px}.pr-25{padding-right:25px}.fz-25{font-size:25px}.m-26{margin:26px}.mt-26{margin-top:26px}.mb-26{margin-bottom:26px}.ml-26{margin-left:26px}.mr-26{margin-right:26px}.p-26{padding:26px}.pt-26{padding-top:26px}.pb-26{padding-bottom:26px}.pl-26{padding-left:26px}.pr-26{padding-right:26px}.fz-26{font-size:26px}.m-27{margin:27px}.mt-27{margin-top:27px}.mb-27{margin-bottom:27px}.ml-27{margin-left:27px}.mr-27{margin-right:27px}.p-27{padding:27px}.pt-27{padding-top:27px}.pb-27{padding-bottom:27px}.pl-27{padding-left:27px}.pr-27{padding-right:27px}.fz-27{font-size:27px}.m-28{margin:28px}.mt-28{margin-top:28px}.mb-28{margin-bottom:28px}.ml-28{margin-left:28px}.mr-28{margin-right:28px}.p-28{padding:28px}.pt-28{padding-top:28px}.pb-28{padding-bottom:28px}.pl-28{padding-left:28px}.pr-28{padding-right:28px}.fz-28{font-size:28px}.m-29{margin:29px}.mt-29{margin-top:29px}.mb-29{margin-bottom:29px}.ml-29{margin-left:29px}.mr-29{margin-right:29px}.p-29{padding:29px}.pt-29{padding-top:29px}.pb-29{padding-bottom:29px}.pl-29{padding-left:29px}.pr-29{padding-right:29px}.fz-29{font-size:29px}.m-30{margin:30px}.mt-30{margin-top:30px}.mb-30{margin-bottom:30px}.ml-30{margin-left:30px}.mr-30{margin-right:30px}.p-30{padding:30px}.pt-30{padding-top:30px}.pb-30{padding-bottom:30px}.pl-30{padding-left:30px}.pr-30{padding-right:30px}.fz-30{font-size:30px}.text-ell-1{white-space:nowrap}.text-ell-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}

package/packages/style/lib/city.css

@@ -0,0 +1 @@
+.xn-city{width:100%}

package/packages/style/lib/date.css

@@ -0,0 +1 @@
+.xn-date .el-range-editor.el-input__inner{padding:4px 10px}

package/packages/style/lib/flex.css

@@ -0,0 +1 @@
+.flex{display:-webkit-box;display:-webkit-flexbox;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-direction-default,.flex-direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:inherit;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-direction-col{-webkit-box-orient:vertical;-webkit-box-direction:inherit;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-direction-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-direction-col-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-wrap-no{-ms-flex-wrap:none;flex-wrap:nowrap}.flex-wrap-yes{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-basis-1{-ms-flex-preferred-size:1;flex-basis:1}.flex-grow-1{-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.flex-order-1{-webkit-box-ordinal-group:2;-moz-order:1;-ms-flex-order:1;order:1}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center}.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-moz-justify-content:space-between;justify-content:space-between}.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;-moz-justify-content:flex-end;justify-content:flex-end}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center}.align-self-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.align-content-center{-ms-flex-line-pack:center;align-content:center}

package/packages/style/lib/import.css

@@ -0,0 +1 @@
+.xn-import .xn-import-upload .el-upload,.xn-import .xn-import-upload .el-upload .el-upload-dragger{width:100%}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger{width:100%;height:100%;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger.is-disabled{background-color:#e9e9eb;color:#bcbec2;cursor:not-allowed}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger__icon{margin-top:0;font-size:60px;color:#c0c4cc}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger__text{color:#606266;font-size:14px}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger__text em{color:#ff745c;font-style:normal}.xn-import .xn-import-upload-desc{color:#909399}

package/packages/style/lib/index.css

@@ -1 +1 @@
-.xn-table-box-tools{text-align:right;padding-bottom:10px}.xn-table-box-tools.is-border{border-bottom:1px solid #f0f0f0}.xn-page{margin-top:15px;text-align:right}.xn-page.is-hidden{display:none}
+.text-ell-1,.text-ell-2{overflow:hidden;text-overflow:ellipsis}.flex,.text-ell-2{display:-webkit-box}.text-primary{color:#FF745C!important}.text-success{color:#52C41A!important}.text-danger{color:#FF4D4F!important}.text-warning{color:#FAAD14!important}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.fz-0{font-size:0}.m-1{margin:1px}.mt-1{margin-top:1px}.mb-1{margin-bottom:1px}.ml-1{margin-left:1px}.mr-1{margin-right:1px}.p-1{padding:1px}.pt-1{padding-top:1px}.pb-1{padding-bottom:1px}.pl-1{padding-left:1px}.pr-1{padding-right:1px}.fz-1{font-size:1px}.m-2{margin:2px}.mt-2{margin-top:2px}.mb-2{margin-bottom:2px}.ml-2{margin-left:2px}.mr-2{margin-right:2px}.p-2{padding:2px}.pt-2{padding-top:2px}.pb-2{padding-bottom:2px}.pl-2{padding-left:2px}.pr-2{padding-right:2px}.fz-2{font-size:2px}.m-3{margin:3px}.mt-3{margin-top:3px}.mb-3{margin-bottom:3px}.ml-3{margin-left:3px}.mr-3{margin-right:3px}.p-3{padding:3px}.pt-3{padding-top:3px}.pb-3{padding-bottom:3px}.pl-3{padding-left:3px}.pr-3{padding-right:3px}.fz-3{font-size:3px}.m-4{margin:4px}.mt-4{margin-top:4px}.mb-4{margin-bottom:4px}.ml-4{margin-left:4px}.mr-4{margin-right:4px}.p-4{padding:4px}.pt-4{padding-top:4px}.pb-4{padding-bottom:4px}.pl-4{padding-left:4px}.pr-4{padding-right:4px}.fz-4{font-size:4px}.m-5{margin:5px}.mt-5{margin-top:5px}.mb-5{margin-bottom:5px}.ml-5{margin-left:5px}.mr-5{margin-right:5px}.p-5{padding:5px}.pt-5{padding-top:5px}.pb-5{padding-bottom:5px}.pl-5{padding-left:5px}.pr-5{padding-right:5px}.fz-5{font-size:5px}.m-6{margin:6px}.mt-6{margin-top:6px}.mb-6{margin-bottom:6px}.ml-6{margin-left:6px}.mr-6{margin-right:6px}.p-6{padding:6px}.pt-6{padding-top:6px}.pb-6{padding-bottom:6px}.pl-6{padding-left:6px}.pr-6{padding-right:6px}.fz-6{font-size:6px}.m-7{margin:7px}.mt-7{margin-top:7px}.mb-7{margin-bottom:7px}.ml-7{margin-left:7px}.mr-7{margin-right:7px}.p-7{padding:7px}.pt-7{padding-top:7px}.pb-7{padding-bottom:7px}.pl-7{padding-left:7px}.pr-7{padding-right:7px}.fz-7{font-size:7px}.m-8{margin:8px}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.ml-8{margin-left:8px}.mr-8{margin-right:8px}.p-8{padding:8px}.pt-8{padding-top:8px}.pb-8{padding-bottom:8px}.pl-8{padding-left:8px}.pr-8{padding-right:8px}.fz-8{font-size:8px}.m-9{margin:9px}.mt-9{margin-top:9px}.mb-9{margin-bottom:9px}.ml-9{margin-left:9px}.mr-9{margin-right:9px}.p-9{padding:9px}.pt-9{padding-top:9px}.pb-9{padding-bottom:9px}.pl-9{padding-left:9px}.pr-9{padding-right:9px}.fz-9{font-size:9px}.m-10{margin:10px}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.p-10{padding:10px}.pt-10{padding-top:10px}.pb-10{padding-bottom:10px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.fz-10{font-size:10px}.m-11{margin:11px}.mt-11{margin-top:11px}.mb-11{margin-bottom:11px}.ml-11{margin-left:11px}.mr-11{margin-right:11px}.p-11{padding:11px}.pt-11{padding-top:11px}.pb-11{padding-bottom:11px}.pl-11{padding-left:11px}.pr-11{padding-right:11px}.fz-11{font-size:11px}.m-12{margin:12px}.mt-12{margin-top:12px}.mb-12{margin-bottom:12px}.ml-12{margin-left:12px}.mr-12{margin-right:12px}.p-12{padding:12px}.pt-12{padding-top:12px}.pb-12{padding-bottom:12px}.pl-12{padding-left:12px}.pr-12{padding-right:12px}.fz-12{font-size:12px}.m-13{margin:13px}.mt-13{margin-top:13px}.mb-13{margin-bottom:13px}.ml-13{margin-left:13px}.mr-13{margin-right:13px}.p-13{padding:13px}.pt-13{padding-top:13px}.pb-13{padding-bottom:13px}.pl-13{padding-left:13px}.pr-13{padding-right:13px}.fz-13{font-size:13px}.m-14{margin:14px}.mt-14{margin-top:14px}.mb-14{margin-bottom:14px}.ml-14{margin-left:14px}.mr-14{margin-right:14px}.p-14{padding:14px}.pt-14{padding-top:14px}.pb-14{padding-bottom:14px}.pl-14{padding-left:14px}.pr-14{padding-right:14px}.fz-14{font-size:14px}.m-15{margin:15px}.mt-15{margin-top:15px}.mb-15{margin-bottom:15px}.ml-15{margin-left:15px}.mr-15{margin-right:15px}.p-15{padding:15px}.pt-15{padding-top:15px}.pb-15{padding-bottom:15px}.pl-15{padding-left:15px}.pr-15{padding-right:15px}.fz-15{font-size:15px}.m-16{margin:16px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.mr-16{margin-right:16px}.p-16{padding:16px}.pt-16{padding-top:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.pr-16{padding-right:16px}.fz-16{font-size:16px}.m-17{margin:17px}.mt-17{margin-top:17px}.mb-17{margin-bottom:17px}.ml-17{margin-left:17px}.mr-17{margin-right:17px}.p-17{padding:17px}.pt-17{padding-top:17px}.pb-17{padding-bottom:17px}.pl-17{padding-left:17px}.pr-17{padding-right:17px}.fz-17{font-size:17px}.m-18{margin:18px}.mt-18{margin-top:18px}.mb-18{margin-bottom:18px}.ml-18{margin-left:18px}.mr-18{margin-right:18px}.p-18{padding:18px}.pt-18{padding-top:18px}.pb-18{padding-bottom:18px}.pl-18{padding-left:18px}.pr-18{padding-right:18px}.fz-18{font-size:18px}.m-19{margin:19px}.mt-19{margin-top:19px}.mb-19{margin-bottom:19px}.ml-19{margin-left:19px}.mr-19{margin-right:19px}.p-19{padding:19px}.pt-19{padding-top:19px}.pb-19{padding-bottom:19px}.pl-19{padding-left:19px}.pr-19{padding-right:19px}.fz-19{font-size:19px}.m-20{margin:20px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.ml-20{margin-left:20px}.mr-20{margin-right:20px}.p-20{padding:20px}.pt-20{padding-top:20px}.pb-20{padding-bottom:20px}.pl-20{padding-left:20px}.pr-20{padding-right:20px}.fz-20{font-size:20px}.m-21{margin:21px}.mt-21{margin-top:21px}.mb-21{margin-bottom:21px}.ml-21{margin-left:21px}.mr-21{margin-right:21px}.p-21{padding:21px}.pt-21{padding-top:21px}.pb-21{padding-bottom:21px}.pl-21{padding-left:21px}.pr-21{padding-right:21px}.fz-21{font-size:21px}.m-22{margin:22px}.mt-22{margin-top:22px}.mb-22{margin-bottom:22px}.ml-22{margin-left:22px}.mr-22{margin-right:22px}.p-22{padding:22px}.pt-22{padding-top:22px}.pb-22{padding-bottom:22px}.pl-22{padding-left:22px}.pr-22{padding-right:22px}.fz-22{font-size:22px}.m-23{margin:23px}.mt-23{margin-top:23px}.mb-23{margin-bottom:23px}.ml-23{margin-left:23px}.mr-23{margin-right:23px}.p-23{padding:23px}.pt-23{padding-top:23px}.pb-23{padding-bottom:23px}.pl-23{padding-left:23px}.pr-23{padding-right:23px}.fz-23{font-size:23px}.m-24{margin:24px}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}.ml-24{margin-left:24px}.mr-24{margin-right:24px}.p-24{padding:24px}.pt-24{padding-top:24px}.pb-24{padding-bottom:24px}.pl-24{padding-left:24px}.pr-24{padding-right:24px}.fz-24{font-size:24px}.m-25{margin:25px}.mt-25{margin-top:25px}.mb-25{margin-bottom:25px}.ml-25{margin-left:25px}.mr-25{margin-right:25px}.p-25{padding:25px}.pt-25{padding-top:25px}.pb-25{padding-bottom:25px}.pl-25{padding-left:25px}.pr-25{padding-right:25px}.fz-25{font-size:25px}.m-26{margin:26px}.mt-26{margin-top:26px}.mb-26{margin-bottom:26px}.ml-26{margin-left:26px}.mr-26{margin-right:26px}.p-26{padding:26px}.pt-26{padding-top:26px}.pb-26{padding-bottom:26px}.pl-26{padding-left:26px}.pr-26{padding-right:26px}.fz-26{font-size:26px}.m-27{margin:27px}.mt-27{margin-top:27px}.mb-27{margin-bottom:27px}.ml-27{margin-left:27px}.mr-27{margin-right:27px}.p-27{padding:27px}.pt-27{padding-top:27px}.pb-27{padding-bottom:27px}.pl-27{padding-left:27px}.pr-27{padding-right:27px}.fz-27{font-size:27px}.m-28{margin:28px}.mt-28{margin-top:28px}.mb-28{margin-bottom:28px}.ml-28{margin-left:28px}.mr-28{margin-right:28px}.p-28{padding:28px}.pt-28{padding-top:28px}.pb-28{padding-bottom:28px}.pl-28{padding-left:28px}.pr-28{padding-right:28px}.fz-28{font-size:28px}.m-29{margin:29px}.mt-29{margin-top:29px}.mb-29{margin-bottom:29px}.ml-29{margin-left:29px}.mr-29{margin-right:29px}.p-29{padding:29px}.pt-29{padding-top:29px}.pb-29{padding-bottom:29px}.pl-29{padding-left:29px}.pr-29{padding-right:29px}.fz-29{font-size:29px}.m-30{margin:30px}.mt-30{margin-top:30px}.mb-30{margin-bottom:30px}.ml-30{margin-left:30px}.mr-30{margin-right:30px}.p-30{padding:30px}.pt-30{padding-top:30px}.pb-30{padding-bottom:30px}.pl-30{padding-left:30px}.pr-30{padding-right:30px}.fz-30{font-size:30px}.text-ell-1{white-space:nowrap}.text-ell-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.flex{display:-webkit-flexbox;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-direction-default,.flex-direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:inherit;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-direction-col{-webkit-box-orient:vertical;-webkit-box-direction:inherit;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-direction-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-direction-col-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-wrap-no{-ms-flex-wrap:none;flex-wrap:nowrap}.flex-wrap-yes{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-basis-1{-ms-flex-preferred-size:1;flex-basis:1}.flex-grow-1{-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.flex-order-1{-webkit-box-ordinal-group:2;-moz-order:1;-ms-flex-order:1;order:1}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center}.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-moz-justify-content:space-between;justify-content:space-between}.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;-moz-justify-content:flex-end;justify-content:flex-end}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center}.align-self-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.align-content-center{-ms-flex-line-pack:center;align-content:center}.xn-table-box-tools{text-align:right;padding-bottom:10px}.xn-table-box-tools.is-border{border-bottom:1px solid #f0f0f0}.xn-page{margin-top:15px;text-align:right}.xn-page.is-hidden{display:none}.xn-upload-main,.xn-upload-main.is-disabled{border:1px solid red}.xn-upload-main.is-disabled .el-upload.el-upload--picture-card{cursor:not-allowed;background-color:#f4f4f5}.xn-upload-main.is-disabled .el-upload.el-upload--picture-card:hover{border-color:#c0ccda;color:#c0ccda}.xn-upload-main.is-disabled .el-upload.el-upload--picture-card .upload-limit i,.xn-upload-main.is-disabled .el-upload.el-upload--picture-card .upload-limit span{color:#bcbec2}.xn-upload--slot{height:100%}.xn-upload--slot__ext{position:absolute;bottom:0;right:0;z-index:1000;background:rgba(0,0,0,.4);height:20px;line-height:20px;color:#fff;font-size:12px;padding:0 5px;border-radius:0}

package/packages/style/lib/upload.css

@@ -0,0 +1 @@
+.xn-upload-main,.xn-upload-main.is-disabled{border:1px solid red}.xn-upload-main.is-disabled .el-upload.el-upload--picture-card{cursor:not-allowed;background-color:#f4f4f5}.xn-upload-main.is-disabled .el-upload.el-upload--picture-card:hover{border-color:#c0ccda;color:#c0ccda}.xn-upload-main.is-disabled .el-upload.el-upload--picture-card .upload-limit i,.xn-upload-main.is-disabled .el-upload.el-upload--picture-card .upload-limit span{color:#bcbec2}.xn-upload--slot{height:100%}.xn-upload--slot__ext{position:absolute;bottom:0;right:0;z-index:1000;background:rgba(0,0,0,.4);height:20px;line-height:20px;color:#fff;font-size:12px;padding:0 5px;border-radius:0}