tianheng-ui 0.0.7 → 0.0.11

package/packages/cell/index.vue

@@ -1,144 +1,116 @@
 <template>
-  <div>
-    <el-skeleton :loading="loading" animated>
-      <template slot="template">
-        <div class="skeleton">
-          <el-skeleton-item class="skeleton-icon" variant="image" />
-          <div class="skeleton-content">
-            <el-skeleton-item class="skeleton-title" variant="h4" />
-            <el-skeleton-item class="skeleton-label" variant="text" />
-          </div>
-          <el-skeleton-item class="skeleton-value" variant="text" />
-        </div>
-      </template>
-    </el-skeleton>
-    <div v-if="!loading" class="th-cell" :style="customStyle">
-      <i v-if="icon" class="th-cell-icon" :class="icon"></i>
-      <slot v-else name="icon" />
-      <div class="th-cell-content">
-        <div v-if="title" class="th-cell-title">{{ title }}</div>
-        <slot v-else name="title" />
-        <div v-if="label" class="th-cell-label">{{ label }}</div>
-        <slot v-else name="label" />
+  <div
+    class="th-cell"
+    :class="[
+      customClass,
+      center ? 'is-center' : '',
+      active ? cellActive : '',
+      hover ? cellHover : ''
+    ]"
+    :style="customStyle"
+    @click="handleClick"
+  >
+    <i v-if="icon" class="th-cell-icon" :class="icon"></i>
+    <slot v-else name="icon" />
+    <div class="th-cell-content">
+      <div
+        v-if="title"
+        class="th-cell-title"
+        :class="[titleClass, active ? titleActive : '', hover ? titleHover : 'title-color']"
+        :style="titleStyle"
+      >
+        {{ title }}
       </div>
-      <div v-if="value" class="th-cell-value">{{ value }}</div>
-      <slot v-else />
+      <slot v-else name="title" />
+      <div
+        v-if="label"
+        class="th-cell-label"
+        :class="[labelClass, active ? labelActive : '', hover ? labelHover : '']"
+      >
+        {{ label }}
+      </div>
+      <slot v-else name="label" />
+    </div>
+    <div
+      v-if="value"
+      class="th-cell-value"
+      :class="[valueClass, active ? valueActive : '', hover ? valueHover : '']"
+    >
+      {{ value }}
     </div>
+    <slot v-else />
   </div>
 </template>
 
 <script>
 export default {
-  name:'ThCell',
+  name: "ThCell",
   props: {
-    title: {
-      type: String,
-      default: () => {
-        return "";
-      },
+    title: Number | String,
+    value: Number | String,
+    label: String,
+    icon: String,
+
+    customStyle: String | Object,
+    titleStyle: String | Object,
+
+    customClass: String | Object,
+    titleClass: String | Object,
+    labelClass: String | Object,
+    valueClass: String | Object,
+
+    cellActiveClass: String | Object,
+    titleActiveClass: String | Object,
+    labelActiveClass: String | Object,
+    valueActiveClass: String | Object,
+
+    cellHoverClass: String | Object,
+    titleHoverClass: String | Object,
+    labelHoverClass: String | Object,
+    valueHoverClass: String | Object,
+
+    center: Boolean,
+    hover: Boolean,
+    active: Boolean
+  },
+  computed: {
+    cellActive() {
+      if (this.cellActiveClass) return this.cellActiveClass;
+      else return "is-active";
+    },
+    titleActive() {
+      if (this.titleActiveClass) return this.titleActiveClass;
+      else return "is-active";
     },
-    value: {
-      type: String,
-      default: () => {
-        return "";
-      },
+    labelActive() {
+      if (this.labelActiveClass) return this.labelActiveClass;
+      else return "is-active";
     },
-    label: {
-      type: String,
-      default: () => {
-        return "";
-      },
+    valueActive() {
+      if (this.valueActiveClass) return this.valueActiveClass;
+      else return "is-active";
     },
-    icon: {
-      type: String,
-      default: () => {
-        return "";
-      },
+    cellHover() {
+      if (this.cellHoverClass) return this.cellHoverClass;
+      else return "is-hover";
     },
-    customStyle: {
-      type: String,
-      default: () => {
-        return "";
-      },
+    titleHover() {
+      if (this.titleHoverClass) return this.titleHoverClass;
+      else return "is-hover";
     },
-    loading: {
-      type: Boolean,
-      default: () => {
-        return false;
-      },
+    labelHover() {
+      if (this.labelHoverClass) return this.labelHoverClass;
+      else return "is-hover";
     },
+    valueHover() {
+      if (this.valueHoverClass) return this.valueHoverClass;
+      else return "is-hover";
+    }
   },
+  methods: {
+    handleClick(evt) {
+      this.$emit("click", evt);
+    }
+  }
 };
 </script>
-
-<style lang="less" scoped>
-.th-cell {
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding: 10px 15px;
-  border-radius: 4px;
-  border: 1px solid #ebeef5;
-  background-color: white;
-  overflow: hidden;
-  transition: 0.3s;
-  .th-cell-icon {
-    margin-right: 10px;
-    font-size: 18px;
-  }
-  .th-cell-content {
-    flex: 1;
-  }
-  &-title {
-    font-size: 16px;
-    color: #333333;
-  }
-  &-label {
-    margin-top: 5px;
-    font-size: 14px;
-    color: #666666;
-    word-wrap: break-word;
-    word-break: break-all;
-  }
-  &-value {
-    margin-left: 10px;
-    max-width: 50%;
-    font-size: 14px;
-    color: #999999;
-    word-wrap: break-word;
-    word-break: break-all;
-  }
-}
-.th-cell:hover {
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.skeleton {
-  display: flex;
-  align-items: center;
-  // height: 64px;
-  margin-bottom: 20px;
-  padding: 10px 15px;
-  border-radius: 4px;
-  border: 1px solid #ebeef5;
-  &-icon {
-    width: 30px;
-    height: 30px;
-    margin-right: 10px;
-    font-size: 18px;
-  }
-  &-content {
-    flex: 1;
-  }
-  &-title {
-    width: 100px;
-  }
-  &-label {
-    margin-top: 5px;
-  }
-  &-value {
-    margin-left: 10px;
-    width: 100px;
-  }
-}
-</style>

package/packages/codeEditor/index.js

@@ -0,0 +1,8 @@
+import CodeEditor from "./index.vue";
+
+/* istanbul ignore next */
+CodeEditor.install = function(Vue) {
+  Vue.component(CodeEditor.name, CodeEditor);
+};
+
+export default CodeEditor;

package/packages/codeEditor/index.vue

@@ -0,0 +1,212 @@
+<template>
+  <div class="wrap">
+    <div class="code-editor" :ref="generateId"></div>
+    <span v-if="withFullscreenBtn" title="全屏显示">
+      <svg-icon
+        class="icon-fullscreen"
+        icon-class="fullscreen"
+        :style="{ bottom: (withFooterBtns ? 47 : 10) + 'px' }"
+        @click.native="fullscreen"
+      ></svg-icon>
+    </span>
+
+    <el-dialog
+      ref="dialog"
+      custom-class="code-dialog"
+      :visible.sync="isVisible"
+      title="脚本编辑"
+      fullscreen
+      append-to-body
+      :show-footer="false"
+      @close="closeEditCode"
+    >
+      <code-editor v-model="dialogValue"></code-editor>
+    </el-dialog>
+  </div>
+</template>
+<script>
+// 引入全局实例
+import ace from "ace-builds";
+// 主题风格，引入主题后还需要在 options 中指定主题才会生效
+import "ace-builds/src-min-noconflict/theme-monokai";
+import "ace-builds/src-min-noconflict/theme-dracula";
+// 支持代码格式， 需要引入具体的语法高亮库才会有对应的语法高亮效果
+import "ace-builds/src-min-noconflict/mode-javascript";
+import "ace-builds/src-min-noconflict/mode-json";
+import "ace-builds/src-min-noconflict/mode-css";
+import "ace-builds/src-min-noconflict/ext-language_tools";
+import jsWorkerUrl from "file-loader!ace-builds/src-noconflict/worker-javascript";
+import jsonWorkerUrl from "file-loader!ace-builds/src-noconflict/worker-json";
+import cssWorkerUrl from "file-loader!ace-builds/src-noconflict/worker-css";
+ace.config.setModuleUrl("ace/mode/javascript_worker", jsWorkerUrl);
+ace.config.setModuleUrl("ace/mode/json_worker", jsonWorkerUrl);
+ace.config.setModuleUrl("ace/mode/css_worker", cssWorkerUrl);
+ace.config.setModuleUrl(
+  "ace/snippets/javascript",
+  require("file-loader!ace-builds/src-noconflict/snippets/javascript.js")
+);
+ace.config.setModuleUrl(
+  "ace/snippets/css",
+  require("file-loader!ace-builds/src-noconflict/snippets/css.js")
+);
+
+export default {
+  name: "CodeEditor",
+  model: {
+    event: "change",
+  },
+  props: {
+    // 编辑器内容
+    value: String,
+    // 默认语言
+    language: {
+      type: String,
+      default: "javascript",
+    },
+    // 主题，对应主题库 JS 需要提前引入
+    theme: {
+      type: String,
+      default: "monokai",
+    },
+    // 是否只读
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
+    // 最大行数
+    maxLines: Number,
+    // 是否显示全屏按钮
+    withFullscreenBtn: {
+      type: Boolean,
+      default: false,
+    },
+    withFooterBtns: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      editor: null,
+      generateId:
+        "id_" +
+        Math.random()
+          .toString(36)
+          .substr(2, 4),
+      isVisible: false,
+      dialogValue: "",
+    };
+  },
+  mounted() {
+    // 初始化
+    this.initEditor();
+  },
+  watch: {
+    value(val) {
+      if (this.editor.getValue() !== val) {
+        this.editor.setValue(val);
+        this.editor.clearSelection();
+      }
+    },
+  },
+  methods: {
+    // 初始化
+    initEditor() {
+      // 创建实例
+      this.editor = ace.edit(this.$refs[this.generateId], {
+        mode: `ace/mode/${this.language}`,
+        theme: `ace/theme/${this.theme}`,
+        fontSize: 12,
+        tabSize: 2,
+        value: this.value,
+        selectionStyle: "text",
+        maxLines: this.maxLines,
+        readOnly: this.readonly,
+      });
+      // 设置属性等，具体需要可根据官方参数自行设置
+      this.editor.setOptions({
+        enableBasicAutocompletion: true,
+        enableSnippets: true,
+        enableLiveAutocompletion: true,
+        wrap: true,
+        setShowPrintMargin: false,
+      });
+      // 设置值改变监听
+      this.editor.on("change", () => {
+        this.$emit("change", this.editor.getValue());
+      });
+    },
+    // 实例方法，高亮某一行
+    gotoLine(lineNumber) {
+      this.editor.gotoLine(lineNumber);
+    },
+    // 全屏编辑
+    fullscreen() {
+      this.dialogValue = JSON.parse(JSON.stringify(this.editor.getValue()));
+      this.isVisible = true;
+    },
+    closeEditCode() {
+      this.editor.setValue(this.dialogValue);
+      this.editor.clearSelection();
+    },
+    // resize编辑器
+    resize() {
+      this.editor.resize(true);
+    },
+    destroy() {
+      if (this.editor) {
+        this.editor.destroy();
+        this.editor = null;
+      }
+    },
+  },
+  beforeDestroy() {
+    this.destroy();
+  },
+};
+</script>
+<style lang="scss" scoped>
+.wrap {
+  position: relative;
+  .code-editor {
+    min-height: 150px;
+    height: 100%;
+    border: 1px solid #282f3a;
+    background-color: #0e1013;
+  }
+  .icon-fullscreen {
+    position: absolute;
+    // color: #fff;
+    right: 10px;
+    font-size: 16px;
+    z-index: 9999;
+    cursor: pointer;
+  }
+}
+.code-dialog {
+  &::before {
+    content: "";
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 2px;
+    background-image: linear-gradient(270deg, #00deff, #2483ff 74%);
+  }
+  display: flex;
+  flex-direction: column;
+  background-color: #303640;
+  .el-dialog__header {
+    border: none;
+    .el-dialog__title {
+      color: #ccc;
+    }
+  }
+  .el-dialog__body {
+    flex: 1 1 0;
+    padding-top: 10px;
+  }
+}
+</style>

package/packages/table/index.vue

@@ -5,7 +5,7 @@
       v-loading="loading"
       :data="data"
       :row-key="rowKey"
-      stripe
+      :stripe="stripe"
       :highlight-current-row="selectType === 'single'"
       :tree-props="treeProps"
       @current-change="handleSingleSelect"
@@ -93,86 +93,92 @@
 import TableColumn from "./column.vue";
 
 export default {
-  name:'ThTable',
+  name: "ThTable",
   components: {
-    TableColumn,
+    TableColumn
   },
   props: {
     data: {
       type: Array,
       default: () => {
         return [];
-      },
+      }
     },
     options: {
       type: Array,
       default: () => {
         return [];
-      },
+      }
     },
     // single:单行选中    multiple:多行选中
     selectType: {
       type: String,
       default: () => {
         return "";
-      },
+      }
     },
     // 行双击事件
     dblclick: {
       type: Function,
       default: () => {
         return null;
-      },
+      }
+    },
+    stripe: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
     },
     treeProps: {
       type: Object,
       default: function() {
         return {};
-      },
+      }
     },
     // 对象，不传表示没有分页,包含三个参数,均必填pageSize：每页展示的条数。currentPage：当前页码。pageCount：总页数
     pageInfo: {
       type: Object,
       default: function() {
         return {};
-      },
+      }
     },
     loading: {
       type: Boolean,
       default: () => {
         return false;
-      },
+      }
     },
     height: {
       type: String,
       default: () => {
         return "";
-      },
+      }
     },
     rowKey: {
       type: String,
       default: () => {
         return "";
-      },
+      }
     },
     showPage: {
       type: Boolean,
       default: () => {
         return true;
-      },
+      }
     },
     emptyText: {
       type: String,
       default: () => {
         return "暂无数据";
-      },
+      }
     },
     loadingText: {
       type: String,
       default: () => {
         return "加载中";
-      },
-    },
+      }
+    }
   },
   data() {
     return {};
@@ -229,8 +235,8 @@ export default {
     },
     getTable() {
       return this.$refs["th_table"];
-    },
-  },
+    }
+  }
 };
 </script>
 

package/dist/tianheng-ui.js

@@ -1,2 +0,0 @@
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("tianheng-ui",[],n):"object"==typeof exports?exports["tianheng-ui"]=n():e["tianheng-ui"]=n()}("undefined"!=typeof self?self:this,function(){return function(e){function n(o){if(t[o])return t[o].exports;var i=t[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}var t={};return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="/dist/",n(n.s=7)}([function(e,n){function t(e,n){var t=e[1]||"",i=e[3];if(!i)return t;if(n&&"function"==typeof btoa){var l=o(i);return[t].concat(i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"})).concat([l]).join("\n")}return[t].join("\n")}function o(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var o=t(n,e);return n[2]?"@media "+n[2]+"{"+o+"}":o}).join("")},n.i=function(e,t){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},i=0;i<this.length;i++){var l=this[i][0];"number"==typeof l&&(o[l]=!0)}for(i=0;i<e.length;i++){var c=e[i];"number"==typeof c[0]&&o[c[0]]||(t&&!c[2]?c[2]=t:t&&(c[2]="("+c[2]+") and ("+t+")"),n.push(c))}},n}},function(e,n,t){function o(e){for(var n=0;n<e.length;n++){var t=e[n],o=u[t.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](t.parts[i]);for(;i<t.parts.length;i++)o.parts.push(l(t.parts[i]));o.parts.length>t.parts.length&&(o.parts.length=t.parts.length)}else{for(var c=[],i=0;i<t.parts.length;i++)c.push(l(t.parts[i]));u[t.id]={id:t.id,refs:1,parts:c}}}}function i(){var e=document.createElement("style");return e.type="text/css",d.appendChild(e),e}function l(e){var n,t,o=document.querySelector("style["+v+'~="'+e.id+'"]');if(o){if(h)return g;o.parentNode.removeChild(o)}if(b){var l=f++;o=p||(p=i()),n=c.bind(null,o,l,!1),t=c.bind(null,o,l,!0)}else o=i(),n=a.bind(null,o),t=function(){o.parentNode.removeChild(o)};return n(e),function(o){if(o){if(o.css===e.css&&o.media===e.media&&o.sourceMap===e.sourceMap)return;n(e=o)}else t()}}function c(e,n,t,o){var i=t?"":o.css;if(e.styleSheet)e.styleSheet.cssText=y(n,i);else{var l=document.createTextNode(i),c=e.childNodes;c[n]&&e.removeChild(c[n]),c.length?e.insertBefore(l,c[n]):e.appendChild(l)}}function a(e,n){var t=n.css,o=n.media,i=n.sourceMap;if(o&&e.setAttribute("media",o),m.ssrId&&e.setAttribute(v,n.id),i&&(t+="\n/*# sourceURL="+i.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}var r="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!r)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var s=t(12),u={},d=r&&(document.head||document.getElementsByTagName("head")[0]),p=null,f=0,h=!1,g=function(){},m=null,v="data-vue-ssr-id",b="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,n,t,i){h=t,m=i||{};var l=s(e,n);return o(l),function(n){for(var t=[],i=0;i<l.length;i++){var c=l[i],a=u[c.id];a.refs--,t.push(a)}n?(l=s(e,n),o(l)):l=[];for(var i=0;i<t.length;i++){var a=t[i];if(0===a.refs){for(var r=0;r<a.parts.length;r++)a.parts[r]();delete u[a.id]}}}};var y=function(){var e=[];return function(n,t){return e[n]=t,e.filter(Boolean).join("\n")}}()},function(e,n){e.exports=function(e,n,t,o,i,l){var c,a=e=e||{},r=typeof e.default;"object"!==r&&"function"!==r||(c=e,a=e.default);var s="function"==typeof a?a.options:a;n&&(s.render=n.render,s.staticRenderFns=n.staticRenderFns,s._compiled=!0),t&&(s.functional=!0),i&&(s._scopeId=i);var u;if(l?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(l)},s._ssrRegister=u):o&&(u=o),u){var d=s.functional,p=d?s.render:s.beforeCreate;d?(s._injectStyles=u,s.render=function(e,n){return u.call(n),p(e,n)}):s.beforeCreate=p?[].concat(p,u):[u]}return{esModule:c,exports:a,options:s}}},function(e,n,t){"use strict";n.a={name:"ThCell",props:{title:{type:String,default:function(){return""}},value:{type:String,default:function(){return""}},label:{type:String,default:function(){return""}},icon:{type:String,default:function(){return""}},customStyle:{type:String,default:function(){return""}},loading:{type:Boolean,default:function(){return!1}}}}},function(e,n,t){"use strict";n.a={name:"ThIcons",props:["value","width"],data:function(){return{icons:["el-icon-platform-eleme","el-icon-eleme","el-icon-delete-solid","el-icon-delete","el-icon-s-tools","el-icon-setting","el-icon-user-solid","el-icon-user","el-icon-phone","el-icon-phone-outline","el-icon-more","el-icon-more-outline","el-icon-star-on","el-icon-star-off","el-icon-s-goods","el-icon-goods","el-icon-warning","el-icon-warning-outline","el-icon-question","el-icon-info","el-icon-remove","el-icon-circle-plus","el-icon-success","el-icon-error","el-icon-zoom-in","el-icon-zoom-out","el-icon-remove-outline","el-icon-circle-plus-outline","el-icon-circle-check","el-icon-circle-close","el-icon-s-help","el-icon-help","el-icon-minus","el-icon-plus","el-icon-check","el-icon-close","el-icon-picture","el-icon-picture-outline","el-icon-picture-outline-round","el-icon-upload","el-icon-upload2","el-icon-download","el-icon-camera-solid","el-icon-camera","el-icon-video-camera-solid","el-icon-video-camera","el-icon-message-solid","el-icon-bell","el-icon-s-cooperation","el-icon-s-order","el-icon-s-platform","el-icon-s-fold","el-icon-s-unfold","el-icon-s-operation","el-icon-s-promotion","el-icon-s-home","el-icon-s-release","el-icon-s-ticket","el-icon-s-management","el-icon-s-open","el-icon-s-shop","el-icon-s-marketing","el-icon-s-flag","el-icon-s-comment","el-icon-s-finance","el-icon-s-claim","el-icon-s-custom","el-icon-s-opportunity","el-icon-s-data","el-icon-s-check","el-icon-s-grid","el-icon-menu","el-icon-share","el-icon-d-caret","el-icon-caret-left","el-icon-caret-right","el-icon-caret-bottom","el-icon-caret-top","el-icon-bottom-left","el-icon-bottom-right","el-icon-back","el-icon-right","el-icon-bottom","el-icon-top","el-icon-top-left","el-icon-top-right","el-icon-arrow-left","el-icon-arrow-right","el-icon-arrow-down","el-icon-arrow-up","el-icon-d-arrow-left","el-icon-d-arrow-right","el-icon-video-pause","el-icon-video-play","el-icon-refresh","el-icon-refresh-right","el-icon-refresh-left","el-icon-finished","el-icon-sort","el-icon-sort-up","el-icon-sort-down","el-icon-rank","el-icon-loading","el-icon-view","el-icon-c-scale-to-original","el-icon-date","el-icon-edit","el-icon-edit-outline","el-icon-folder","el-icon-folder-opened","el-icon-folder-add","el-icon-folder-remove","el-icon-folder-delete","el-icon-folder-checked","el-icon-tickets","el-icon-document-remove","el-icon-document-delete","el-icon-document-copy","el-icon-document-checked","el-icon-document","el-icon-document-add","el-icon-printer","el-icon-paperclip","el-icon-takeaway-box","el-icon-search","el-icon-monitor","el-icon-attract","el-icon-mobile","el-icon-scissors","el-icon-umbrella","el-icon-headset","el-icon-brush","el-icon-mouse","el-icon-coordinate","el-icon-magic-stick","el-icon-reading","el-icon-data-line","el-icon-data-board","el-icon-pie-chart","el-icon-data-analysis","el-icon-collection-tag","el-icon-film","el-icon-suitcase","el-icon-suitcase-1","el-icon-receiving","el-icon-collection","el-icon-files","el-icon-notebook-1","el-icon-notebook-2","el-icon-toilet-paper","el-icon-office-building","el-icon-school","el-icon-table-lamp","el-icon-house","el-icon-no-smoking","el-icon-smoking","el-icon-shopping-cart-full","el-icon-shopping-cart-1","el-icon-shopping-cart-2","el-icon-shopping-bag-1","el-icon-shopping-bag-2","el-icon-sold-out","el-icon-sell","el-icon-present","el-icon-box","el-icon-bank-card","el-icon-money","el-icon-coin","el-icon-wallet","el-icon-discount","el-icon-price-tag","el-icon-news","el-icon-guide","el-icon-male","el-icon-female","el-icon-thumb","el-icon-cpu","el-icon-link","el-icon-connection","el-icon-open","el-icon-turn-off","el-icon-set-up","el-icon-chat-round","el-icon-chat-line-round","el-icon-chat-square","el-icon-chat-dot-round","el-icon-chat-dot-square","el-icon-chat-line-square","el-icon-message","el-icon-postcard","el-icon-position","el-icon-turn-off-microphone","el-icon-microphone","el-icon-close-notification","el-icon-bangzhu","el-icon-time","el-icon-odometer","el-icon-crop","el-icon-aim","el-icon-switch-button","el-icon-full-screen","el-icon-copy-document","el-icon-mic","el-icon-stopwatch","el-icon-medal-1","el-icon-medal","el-icon-trophy","el-icon-trophy-1","el-icon-first-aid-kit","el-icon-discover","el-icon-place","el-icon-location","el-icon-location-outline","el-icon-location-information","el-icon-add-location","el-icon-delete-location","el-icon-map-location","el-icon-alarm-clock","el-icon-timer","el-icon-watch-1","el-icon-watch","el-icon-lock","el-icon-unlock","el-icon-key","el-icon-service","el-icon-mobile-phone","el-icon-bicycle","el-icon-truck","el-icon-ship","el-icon-basketball","el-icon-football","el-icon-soccer","el-icon-baseball","el-icon-wind-power","el-icon-light-rain","el-icon-lightning","el-icon-heavy-rain","el-icon-sunrise","el-icon-sunrise-1","el-icon-sunset","el-icon-sunny","el-icon-cloudy","el-icon-partly-cloudy","el-icon-cloudy-and-sunny","el-icon-moon","el-icon-moon-night","el-icon-dish","el-icon-dish-1","el-icon-food","el-icon-chicken","el-icon-fork-spoon","el-icon-knife-fork","el-icon-burger","el-icon-tableware","el-icon-sugar","el-icon-dessert","el-icon-ice-cream","el-icon-hot-water","el-icon-water-cup","el-icon-coffee-cup","el-icon-cold-drink","el-icon-goblet","el-icon-goblet-full","el-icon-goblet-square","el-icon-goblet-square-full","el-icon-refrigerator","el-icon-grape","el-icon-watermelon","el-icon-cherry","el-icon-apple","el-icon-pear","el-icon-orange","el-icon-coffee","el-icon-ice-tea","el-icon-ice-drink","el-icon-milk-tea","el-icon-potato-strips","el-icon-lollipop","el-icon-ice-cream-square","el-icon-ice-cream-round"]}},created:function(){},methods:{handleIconClick:function(e){this.$emit("input",e)},handleInputClear:function(){this.$emit("input","")}}}},function(e,n,t){"use strict";var o=t(23);n.a={name:"ThTable",components:{TableColumn:o.a},props:{data:{type:Array,default:function(){return[]}},options:{type:Array,default:function(){return[]}},selectType:{type:String,default:function(){return""}},dblclick:{type:Function,default:function(){return null}},treeProps:{type:Object,default:function(){return{}}},pageInfo:{type:Object,default:function(){return{}}},loading:{type:Boolean,default:function(){return!1}},height:{type:String,default:function(){return""}},rowKey:{type:String,default:function(){return""}},showPage:{type:Boolean,default:function(){return!0}},emptyText:{type:String,default:function(){return"暂无数据"}},loadingText:{type:String,default:function(){return"加载中"}}},data:function(){return{}},methods:{handleSelectionChange:function(e){e&&this.$emit("selection-change",e)},handleSingleSelect:function(e,n){e&&this.$emit("select-row-change",e)},handleSizeChange:function(e){this.pageInfo.pageSize=e,this.$emit("pageNumberChange",this.pageInfo.currentPage,this.pageInfo.pageSize)},handleCurrentChange:function(e){this.pageInfo.currentPage=e,this.$emit("pageNumberChange",this.pageInfo.currentPage,this.pageInfo.pageSize)},handlePrevClick:function(){1!==this.pageInfo.currentPage&&(this.pageInfo.currentPage-=1,this.$emit("pageNumberChange",this.pageInfo.currentPage,this.pageInfo.pageSize))},handleNextClick:function(){this.pageInfo.currentPage!==this.pageInfo.pageCount&&(this.pageInfo.currentPage+=1,this.$emit("pageNumberChange",this.pageInfo.currentPage,this.pageInfo.pageSize))},getTable:function(){return this.$refs.th_table}}}},function(e,n,t){"use strict";n.a={name:"TableColumn",props:{options:{type:Array,default:function(){return[]}}},created:function(){console.log(this.options)}}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=t(8),i=t(14),l=t(19),c=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},a=[o.a,i.a,l.a],r=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];a.forEach(function(n){e.component(n.name,n)})};"undefined"!=typeof window&&window.Vue&&r(window.Vue),n.default=c({version:"0.0.7",install:r},a)},function(e,n,t){"use strict";var o=t(9);o.a.install=function(e){e.component(o.a.name,o.a)},n.a=o.a},function(e,n,t){"use strict";function o(e){t(10)}var i=t(3),l=t(13),c=t(2),a=o,r=c(i.a,l.a,!1,a,"data-v-7900d0bc",null);n.a=r.exports},function(e,n,t){var o=t(11);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);t(1)("5a987caa",o,!0,{})},function(e,n,t){n=e.exports=t(0)(!1),n.push([e.i,".th-cell[data-v-7900d0bc]{position:relative;display:flex;align-items:center;padding:10px 15px;border-radius:4px;border:1px solid #ebeef5;background-color:#fff;overflow:hidden;transition:.3s}.th-cell .th-cell-icon[data-v-7900d0bc]{margin-right:10px;font-size:18px}.th-cell .th-cell-content[data-v-7900d0bc]{flex:1}.th-cell-title[data-v-7900d0bc]{font-size:16px;color:#333}.th-cell-label[data-v-7900d0bc]{margin-top:5px;font-size:14px;color:#666;word-wrap:break-word;word-break:break-all}.th-cell-value[data-v-7900d0bc]{margin-left:10px;max-width:50%;font-size:14px;color:#999;word-wrap:break-word;word-break:break-all}.th-cell[data-v-7900d0bc]:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.skeleton[data-v-7900d0bc]{display:flex;align-items:center;margin-bottom:20px;padding:10px 15px;border-radius:4px;border:1px solid #ebeef5}.skeleton-icon[data-v-7900d0bc]{width:30px;height:30px;margin-right:10px;font-size:18px}.skeleton-content[data-v-7900d0bc]{flex:1}.skeleton-title[data-v-7900d0bc]{width:100px}.skeleton-label[data-v-7900d0bc]{margin-top:5px}.skeleton-value[data-v-7900d0bc]{margin-left:10px;width:100px}",""])},function(e,n){e.exports=function(e,n){for(var t=[],o={},i=0;i<n.length;i++){var l=n[i],c=l[0],a=l[1],r=l[2],s=l[3],u={id:e+":"+i,css:a,media:r,sourceMap:s};o[c]?o[c].parts.push(u):t.push(o[c]={id:c,parts:[u]})}return t}},function(e,n,t){"use strict";var o=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",[t("el-skeleton",{attrs:{loading:e.loading,animated:""}},[t("template",{slot:"template"},[t("div",{staticClass:"skeleton"},[t("el-skeleton-item",{staticClass:"skeleton-icon",attrs:{variant:"image"}}),e._v(" "),t("div",{staticClass:"skeleton-content"},[t("el-skeleton-item",{staticClass:"skeleton-title",attrs:{variant:"h4"}}),e._v(" "),t("el-skeleton-item",{staticClass:"skeleton-label",attrs:{variant:"text"}})],1),e._v(" "),t("el-skeleton-item",{staticClass:"skeleton-value",attrs:{variant:"text"}})],1)])],2),e._v(" "),e.loading?e._e():t("div",{staticClass:"th-cell",style:e.customStyle},[e.icon?t("i",{staticClass:"th-cell-icon",class:e.icon}):e._t("icon"),e._v(" "),t("div",{staticClass:"th-cell-content"},[e.title?t("div",{staticClass:"th-cell-title"},[e._v(e._s(e.title))]):e._t("title"),e._v(" "),e.label?t("div",{staticClass:"th-cell-label"},[e._v(e._s(e.label))]):e._t("label")],2),e._v(" "),e.value?t("div",{staticClass:"th-cell-value"},[e._v(e._s(e.value))]):e._t("default")],2)],1)},i=[],l={render:o,staticRenderFns:i};n.a=l},function(e,n,t){"use strict";var o=t(15);o.a.install=function(e){e.component(o.a.name,o.a)},n.a=o.a},function(e,n,t){"use strict";function o(e){t(16)}var i=t(4),l=t(18),c=t(2),a=o,r=c(i.a,l.a,!1,a,"data-v-7d8c5857",null);n.a=r.exports},function(e,n,t){var o=t(17);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);t(1)("a2abff02",o,!0,{})},function(e,n,t){n=e.exports=t(0)(!1),n.push([e.i,".input-prefix[data-v-7d8c5857]{height:100%;width:32px;display:flex;align-items:center}.input-prefix .icon[data-v-7d8c5857]{font-size:20px}.th-icons[data-v-7d8c5857]{height:300px;overflow-y:scroll}.th-icons .icon[data-v-7d8c5857]{padding:8px;font-size:20px;border-radius:2px}.th-icons .icon[data-v-7d8c5857]:hover{cursor:pointer;background-color:#f2f2f2}",""])},function(e,n,t){"use strict";var o=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",[t("el-popover",{attrs:{placement:"bottom-start",title:"Element图标库",width:e.width||400,trigger:"click"}},[t("el-input",{attrs:{slot:"reference",value:e.value,placeholder:"请选择图标",clearable:""},on:{clear:e.handleInputClear},slot:"reference"},[e.value?t("div",{staticClass:"input-prefix",attrs:{slot:"prefix"},slot:"prefix"},[t("i",{staticClass:"icon",class:e.value})]):e._e()]),e._v(" "),t("div",{staticClass:"th-icons"},e._l(e.icons,function(n,o){return t("i",{key:o,staticClass:"icon",class:n,on:{click:function(t){return e.handleIconClick(n)}}})}),0)],1)],1)},i=[],l={render:o,staticRenderFns:i};n.a=l},function(e,n,t){"use strict";var o=t(20);o.a.install=function(e){e.component(o.a.name,o.a)},n.a=o.a},function(e,n,t){"use strict";function o(e){t(21)}var i=t(5),l=t(27),c=t(2),a=o,r=c(i.a,l.a,!1,a,"data-v-47ddb3be",null);n.a=r.exports},function(e,n,t){var o=t(22);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);t(1)("7dff0719",o,!0,{})},function(e,n,t){n=e.exports=t(0)(!1),n.push([e.i,".th-table[data-v-47ddb3be]{position:relative;width:100%}.th-table .pagination[data-v-47ddb3be]{margin-top:20px}.th-table-more[data-v-47ddb3be]{position:absolute;top:13px;right:5px;cursor:pointer}",""])},function(e,n,t){"use strict";function o(e){t(24)}var i=t(6),l=t(26),c=t(2),a=o,r=c(i.a,l.a,!1,a,null,null);n.a=r.exports},function(e,n,t){var o=t(25);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);t(1)("0f315418",o,!0,{})},function(e,n,t){n=e.exports=t(0)(!1),n.push([e.i,"",""])},function(e,n,t){"use strict";var o=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",[e._l(e.options,function(n,o){return[n.hide?e._e():[n.type?t("el-table-column",{key:o,attrs:{type:n.type,label:n.label,width:"50"}}):n.children?t("el-table-column",{key:o,attrs:{prop:n.prop,label:n.label,width:n.width,align:n.align,fixed:n.fixed,sortable:n.sortable,"sort-method":n.sortMethod,"show-overflow-tooltip":""}},[t("TableColumn",{key:o,attrs:{options:n.children}})],1):t("el-table-column",{key:o,attrs:{prop:n.prop,label:n.label,width:n.width,align:n.align,fixed:n.fixed,sortable:n.sortable,"sort-method":n.sortMethod,"show-overflow-tooltip":""},scopedSlots:e._u([{key:"default",fn:function(o){return[n.slot?e._t("slot",null,{scope:o,option:n}):t("div",[e._v(e._s(o.row[n.prop]))])]}}],null,!0)})]]})],2)},i=[],l={render:o,staticRenderFns:i};n.a=l},function(e,n,t){"use strict";var o=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"th-table"},[t("el-table",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],ref:"th_table",attrs:{data:e.data,"row-key":e.rowKey,stripe:"","highlight-current-row":"single"===e.selectType,"tree-props":e.treeProps},on:{"current-change":e.handleSingleSelect,"row-dblclick":e.dblclick,"selection-change":e.handleSelectionChange},scopedSlots:e._u([{key:"empty",fn:function(){return[t("div",[e._v("\n        "+e._s(e.loading?e.loadingText||"加载中":e.emptyText||"暂无数据")+"\n      ")])]},proxy:!0}])},[e._l(e.options,function(n,o){return[n.hide?e._e():[n.type?t("el-table-column",{key:o,attrs:{type:n.type,label:n.label,width:"50"}}):n.children?t("el-table-column",{key:o,attrs:{prop:n.prop,label:n.label,width:n.width,align:n.align||"left",fixed:n.fixed||null,sortable:n.sortable,"sort-method":n.sortMethod,"show-overflow-tooltip":""}},[t("table-column",{attrs:{options:n.children}})],1):t("el-table-column",{key:o,attrs:{prop:n.prop,label:n.label,width:n.width,align:n.align||"left",fixed:n.fixed||null,sortable:n.sortable,"sort-method":n.sortMethod,"show-overflow-tooltip":""},scopedSlots:e._u([{key:"default",fn:function(o){return[n.slot?e._t(n.slot,null,{scope:o,option:n}):t("div",[e._v(e._s(o.row[n.prop]))])]}}],null,!0)})]]})],2),e._v(" "),Object.keys(e.pageInfo).length>0&&e.showPage?t("div",{staticClass:"pagination"},[t("el-pagination",{attrs:{"current-page":e.pageInfo.currentPage,"page-sizes":e.pageInfo.sizes,"page-size":e.pageInfo.pageSize,layout:"total, prev, pager, next, sizes",total:e.pageInfo.total},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange,"prev-click":e.handlePrevClick,"next-click":e.handleNextClick}})],1):e._e()],1)},i=[],l={render:o,staticRenderFns:i};n.a=l}])});
-//# sourceMappingURL=tianheng-ui.js.map