tianheng-ui 0.0.4 → 0.0.8

package/packages/table/column.vue

@@ -0,0 +1,111 @@
+<template>
+  <div>
+    <template v-for="(item, index) in options">
+      <template v-if="!item.hide">
+        <el-table-column
+          v-if="item.type"
+          :key="index"
+          :type="item.type"
+          :label="item.label"
+          width="50"
+        >
+        </el-table-column>
+        <el-table-column
+          v-else-if="item.children"
+          :key="index"
+          :prop="item.prop"
+          :label="item.label"
+          :width="item.width"
+          :align="item.align"
+          :fixed="item.fixed"
+          :sortable="item.sortable"
+          :sort-method="item.sortMethod"
+          show-overflow-tooltip
+        >
+          <TableColumn :key="index" :options="item.children"></TableColumn>
+        </el-table-column>
+        <el-table-column
+          v-else
+          :key="index"
+          :prop="item.prop"
+          :label="item.label"
+          :width="item.width"
+          :align="item.align"
+          :fixed="item.fixed"
+          :sortable="item.sortable"
+          :sort-method="item.sortMethod"
+          show-overflow-tooltip
+        >
+          <template slot-scope="scope">
+            <slot v-if="item.slot" name="slot" :scope="scope" :option="item" />
+            <div v-else>{{ scope.row[item.prop] }}</div>
+          </template>
+        </el-table-column>
+      </template>
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "TableColumn",
+  props: {
+    options: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+  },
+  created(){
+    /**
+     * 
+     * <template v-if={!item.hide}>
+            <el-table-column
+              v-if={item.type}
+              type={item.type}
+              label={item.label}
+              width="50"
+            ></el-table-column>
+            <el-table-column
+              v-else-if={item.children}
+              prop={item.prop}
+              label={item.label}
+              width={item.width}
+              align={item.align}
+              fixed={item.fixed}
+              sortable={item.sortable}
+              sort-method={item.sortMethod}
+              show-overflow-tooltip
+            >
+              {this.dynamicItem(item.children)}
+            </el-table-column>
+            <el-table-column
+              v-else
+              prop={item.prop}
+              label={item.label}
+              width={item.width}
+              align={item.align}
+              fixed={item.fixed}
+              sortable={item.sortable}
+              sort-method={item.sortMethod}
+              show-overflow-tooltip
+            >
+              <template slot-scope="scope">
+                <slot
+                  v-if={item.slot}
+                  name="slot"
+                  scope={scope}
+                  option={item}
+                />
+                <div v-else>{scope.row[item.prop]}</div>
+              </template>
+            </el-table-column>
+          </template>
+     */
+    console.log(this.options)
+  }
+};
+</script>
+
+<style></style>

package/packages/table/index.js

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

package/packages/table/index.vue

@@ -0,0 +1,251 @@
+<template>
+  <div class="th-table">
+    <el-table
+      ref="th_table"
+      v-loading="loading"
+      :data="data"
+      :row-key="rowKey"
+      stripe
+      :highlight-current-row="selectType === 'single'"
+      :tree-props="treeProps"
+      @current-change="handleSingleSelect"
+      @row-dblclick="dblclick"
+      @selection-change="handleSelectionChange"
+    >
+      <template v-for="(item, index) in options">
+        <template v-if="!item.hide">
+          <el-table-column
+            v-if="item.type"
+            :key="index"
+            :type="item.type"
+            :label="item.label"
+            width="50"
+          >
+          </el-table-column>
+          <el-table-column
+            v-else-if="item.children"
+            :key="index"
+            :prop="item.prop"
+            :label="item.label"
+            :width="item.width"
+            :align="item.align || 'left'"
+            :fixed="item.fixed || null"
+            :sortable="item.sortable"
+            :sort-method="item.sortMethod"
+            show-overflow-tooltip
+          >
+            <table-column :options="item.children"></table-column>
+          </el-table-column>
+          <el-table-column
+            v-else
+            :key="index"
+            :prop="item.prop"
+            :label="item.label"
+            :width="item.width"
+            :align="item.align || 'left'"
+            :fixed="item.fixed || null"
+            :sortable="item.sortable"
+            :sort-method="item.sortMethod"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              <slot
+                v-if="item.slot"
+                :name="item.slot"
+                :scope="scope"
+                :option="item"
+              />
+              <div v-else>{{ scope.row[item.prop] }}</div>
+            </template>
+          </el-table-column>
+        </template>
+      </template>
+      <!-- <table-column :options="options">
+        <template #slot="{ scope,option }">
+          <slot :name="option.slot" :scope="scope" :option="option" />
+        </template>
+      </table-column> -->
+      <template #empty>
+        <div>
+          {{ loading ? loadingText || "加载中" : emptyText || "暂无数据" }}
+        </div>
+      </template>
+    </el-table>
+    <!-- <i class="th-table-more el-icon-setting"></i> -->
+
+    <div v-if="Object.keys(pageInfo).length > 0 && showPage" class="pagination">
+      <el-pagination
+        :current-page="pageInfo.currentPage"
+        :page-sizes="pageInfo.sizes"
+        :page-size="pageInfo.pageSize"
+        layout="total, prev, pager, next, sizes"
+        :total="pageInfo.total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        @prev-click="handlePrevClick"
+        @next-click="handleNextClick"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import TableColumn from "./column.vue";
+
+export default {
+  name:'ThTable',
+  components: {
+    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;
+      },
+    },
+    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 {};
+  },
+  methods: {
+    handleSelectionChange(currentRow) {
+      if (currentRow) {
+        this.$emit("selection-change", currentRow);
+      }
+    },
+    // 选中行--单选
+    handleSingleSelect(currentRow, oldCurrentRow) {
+      if (currentRow) {
+        this.$emit("select-row-change", currentRow);
+      }
+    },
+    // 每页展示的条数 改变时
+    handleSizeChange(val) {
+      this.pageInfo.pageSize = val;
+      this.$emit(
+        "pageNumberChange",
+        this.pageInfo.currentPage,
+        this.pageInfo.pageSize
+      );
+    },
+    // 当前页码 改变时
+    handleCurrentChange(val) {
+      this.pageInfo.currentPage = val;
+      this.$emit(
+        "pageNumberChange",
+        this.pageInfo.currentPage,
+        this.pageInfo.pageSize
+      );
+    },
+    // 点击上一页
+    handlePrevClick() {
+      if (this.pageInfo.currentPage === 1) return;
+      this.pageInfo.currentPage -= 1;
+      this.$emit(
+        "pageNumberChange",
+        this.pageInfo.currentPage,
+        this.pageInfo.pageSize
+      );
+    },
+    // 点击下一页
+    handleNextClick() {
+      if (this.pageInfo.currentPage === this.pageInfo.pageCount) return;
+      this.pageInfo.currentPage += 1;
+      this.$emit(
+        "pageNumberChange",
+        this.pageInfo.currentPage,
+        this.pageInfo.pageSize
+      );
+    },
+    getTable() {
+      return this.$refs["th_table"];
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.th-table {
+  position: relative;
+  width: 100%;
+  .pagination {
+    margin-top: 20px;
+  }
+  &-more {
+    position: absolute;
+    top: 13px;
+    right: 5px;
+    cursor: pointer;
+  }
+}
+</style>

package/packages/table/search.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="table-search">
+    <template v-for="(item, index) in options">
+      <el-input
+        v-if="item.type === 'input'"
+        class="table-search-item"
+        v-model="params[item.value]"
+        :key="index"
+        :style="{ width: item.width + 'px' }"
+        :placeholder="item.placeholder || '请输入'"
+        :size="item.size || 'mini'"
+        clearable
+      ></el-input>
+      <el-date-picker
+        v-if="item.type === 'date'"
+        class="table-search-item"
+        v-model="params[item.value]"
+        :key="index"
+        :style="{ width: item.width + 'px' }"
+        :type="item.dateType || 'date'"
+        :format="item.format"
+        :value-format="item.valueFormat"
+        :size="item.size || 'mini'"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+      >
+      </el-date-picker>
+    </template>
+
+    <el-button
+      type="primary"
+      icon="el-icon-search"
+      size="mini"
+      plain
+      @click="doSearch"
+      >查询</el-button
+    >
+    <el-button
+      type="primary"
+      icon="el-icon-refresh-right"
+      size="mini"
+      plain
+      @click="doReset"
+      >重置</el-button
+    >
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    options: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+    params: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {
+      datePickerTypes: [
+        "year",
+        "month",
+        "date",
+        "dates",
+        "week",
+        "datetime",
+        "datetimerange",
+        "daterange",
+        "monthrange",
+      ],
+    };
+  },
+  methods: {
+    doSearch() {
+      this.$emit("on-search", this.params);
+    },
+    doReset() {
+      this.params = {};
+      this.$emit("on-reset", this.params);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.table-search {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  &-item {
+    margin-right: 10px;
+  }
+}
+.table-search-item:last-child {
+  margin-right: 20px !important;
+}
+</style>

package/packages/table/tools.vue

@@ -0,0 +1,98 @@
+<template>
+  <div class="tableTools">
+    <template v-for="(item, index) in options">
+      <el-button
+        v-if="item.act_type === 'add'"
+        :key="index"
+        :style="{ color: item.btn_color }"
+        :type="item.btn_type"
+        :icon="item.btn_icon"
+        :disabled="item.btn_disabled"
+        @click="doAdd(item)"
+        >{{ item.btn_name }}</el-button
+      >
+      <el-button
+        v-if="item.act_type === 'refresh'"
+        :key="index"
+        :style="{ color: item.btn_color }"
+        :type="item.btn_type"
+        :icon="item.btn_icon"
+        :disabled="item.btn_disabled"
+        @click="doRefresh(item)"
+        >{{ item.btn_name }}</el-button
+      >
+      <el-button
+        v-if="item.act_type === 'export'"
+        :key="index"
+        :style="{ color: item.btn_color }"
+        :type="item.btn_type"
+        :icon="item.btn_icon"
+        :disabled="item.btn_disabled"
+        @click="doExport(item)"
+        >{{ item.btn_name }}</el-button
+      >
+      <el-button
+        v-if="item.act_type === 'batch'"
+        :key="index"
+        :style="{ color: item.btn_color }"
+        :type="item.btn_type"
+        :icon="item.btn_icon"
+        :disabled="item.btn_disabled || selectionDisabled"
+        :loading="loadingDel"
+        @click="doBatch(item)"
+        >{{ item.btn_name }}</el-button
+      >
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    options: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+    selectionDisabled: {
+      type: Boolean,
+      default: () => {
+        return true;
+      },
+    },
+  },
+  data() {
+    return {
+      loadingDel: false,
+    };
+  },
+  methods: {
+    doEval(item) {
+      this.$emit("on-eval", item);
+    },
+    doAdd(item) {
+      this.$emit("on-add", item);
+    },
+    doRefresh(item) {
+      this.$emit("on-refresh", item);
+    },
+    doExport(item) {
+      this.$emit("on-export", item);
+    },
+    doBatch(item) {
+      this.loadingDel = true;
+      const callback = (bool) => {
+        this.loadingDel = false;
+      };
+      this.$emit("on-batch", item, callback);
+    },
+  },
+};
+</script>
+
+<style lang="less">
+.tableTools {
+  margin-bottom: 10px;
+}
+</style>

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.4",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

package/src/App.vue

@@ -1,31 +0,0 @@
-<template>
-  <div id="app">
-    <th-cell
-      v-for="(item, index) in list"
-      :key="index"
-      :title="item.title" :label="item.label"
-    ></th-cell>
-  </div>
-</template>
-
-<script>
-import ThCell from "../packages/cell/index.vue";
-export default {
-  name: "app",
-  components: { ThCell },
-  data() {
-    return {
-      list: [{ title: "张三", label: "18岁" }]
-    };
-  }
-};
-</script>
-
-<style lang="scss">
-#app {
-  font-family: "Avenir", Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  color: #2c3e50;
-}
-</style>

package/src/main.js

@@ -1,11 +0,0 @@
-import Vue from 'vue'
-import App from './App.vue'
-
-import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
-Vue.use(ElementUI);
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})