@tongfun/tf-widget 0.1.14 → 0.1.15

package/lib/tf-widget.umd.js

@@ -1428,6 +1428,20 @@ fixRegExpWellKnownSymbolLogic('split', function (SPLIT, nativeSplit, maybeCallNa
 }, !SPLIT_WORKS_WITH_OVERWRITTEN_EXEC, UNSUPPORTED_Y);
 
 
+/***/ }),
+
+/***/ "129f":
+/***/ (function(module, exports) {
+
+// `SameValue` abstract operation
+// https://tc39.es/ecma262/#sec-samevalue
+// eslint-disable-next-line es/no-object-is -- safe
+module.exports = Object.is || function is(x, y) {
+  // eslint-disable-next-line no-self-compare -- NaN check
+  return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
+};
+
+
 /***/ }),
 
 /***/ "12f2":
@@ -65308,6 +65322,51 @@ module.exports = function (object, key, value) {
 };
 
 
+/***/ }),
+
+/***/ "841c":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var call = __webpack_require__("c65b");
+var fixRegExpWellKnownSymbolLogic = __webpack_require__("d784");
+var anObject = __webpack_require__("825a");
+var requireObjectCoercible = __webpack_require__("1d80");
+var sameValue = __webpack_require__("129f");
+var toString = __webpack_require__("577e");
+var getMethod = __webpack_require__("dc4a");
+var regExpExec = __webpack_require__("14c3");
+
+// @@search logic
+fixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCallNative) {
+  return [
+    // `String.prototype.search` method
+    // https://tc39.es/ecma262/#sec-string.prototype.search
+    function search(regexp) {
+      var O = requireObjectCoercible(this);
+      var searcher = regexp == undefined ? undefined : getMethod(regexp, SEARCH);
+      return searcher ? call(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString(O));
+    },
+    // `RegExp.prototype[@@search]` method
+    // https://tc39.es/ecma262/#sec-regexp.prototype-@@search
+    function (string) {
+      var rx = anObject(this);
+      var S = toString(string);
+      var res = maybeCallNative(nativeSearch, rx, S);
+
+      if (res.done) return res.value;
+
+      var previousLastIndex = rx.lastIndex;
+      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;
+      var result = regExpExec(rx, S);
+      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
+      return result === null ? -1 : result.index;
+    }
+  ];
+});
+
+
 /***/ }),
 
 /***/ "845f":
@@ -70752,6 +70811,13 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 /***/ }),
 
+/***/ "a88e":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "a907":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -76356,6 +76422,17 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "b967":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tf_icon_picker_vue_vue_type_style_index_0_id_248a1fd3_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a88e");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tf_icon_picker_vue_vue_type_style_index_0_id_248a1fd3_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tf_icon_picker_vue_vue_type_style_index_0_id_248a1fd3_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "b9c7":
@@ -106430,6 +106507,264 @@ t_input.install = function (Vue) {
 };
 
 /* harmony default export */ var package_t_input = (t_input);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c0bba838-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./package/tf-icon-picker/src/tf-icon-picker.vue?vue&type=template&id=248a1fd3&scoped=true&
+var tf_icon_pickervue_type_template_id_248a1fd3_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-popover',{attrs:{"placement":_vm.placement,"width":_vm.width,"trigger":"manual"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:"visible"}},[_c('div',{staticClass:"content-view"},[_c('div',{staticClass:"search-box"},[(_vm.selectIconClass)?_c('svg-icon',{attrs:{"icon-class":_vm.selectIconClass.font_class}}):_vm._e(),(_vm.selectIconClass)?_c('span',[_vm._v(_vm._s(_vm.selectIconClass.name))]):_vm._e(),_c('el-input',{staticStyle:{"width":"50%"},attrs:{"size":"mini","clearable":""},on:{"clear":_vm.cleanSearch},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:"search"}}),_c('el-button',{attrs:{"size":"mini"},on:{"click":_vm.searchInfo}},[_vm._v("搜索")])],1),(!_vm.iconList || _vm.iconList.length === 0)?_c('el-empty',{staticStyle:{"height":"270px","width":"100%"},attrs:{"description":"暂无数据!"}}):_vm._e(),_vm._l((_vm.iconList),function(item){return _c('div',{key:item.unicode_decimal,staticClass:"icon-item",on:{"click":function($event){return _vm.selectIcon(item)}}},[_c('el-tooltip',{attrs:{"placement":"top"}},[_c('div',{attrs:{"slot":"content"},slot:"content"},[_c('span',[_vm._v("图标名称: "+_vm._s(item.name))]),_c('br'),_c('br'),_c('span',[_vm._v("class: "+_vm._s(item.font_class))])]),_c('div',{staticClass:"icon-box"},[_c('svg-icon',{attrs:{"icon-class":item.font_class}}),_c('span',{attrs:{"title":item.name}},[_vm._v(_vm._s(item.name))])],1)])],1)}),_c('div',{staticClass:"paging"},[_c('span',[_vm._v("第 "+_vm._s(_vm.pagination + 1)+" 页")]),_c('el-pagination',{attrs:{"small":"","background":"","layout":"total, prev, next","total":_vm.total},on:{"current-change":_vm.handleCurrentChange}}),_c('el-button',{attrs:{"type":"info","size":"mini"},on:{"click":function($event){_vm.visible = false}}},[_vm._v("取消")]),_c('el-button',{staticClass:"button",attrs:{"size":"mini"},on:{"click":_vm.select}},[_vm._v("确定")])],1)],2),_c('el-button',{staticClass:"button",attrs:{"slot":"reference","size":_vm.bottomSize},on:{"click":function($event){_vm.visible = !_vm.visible; _vm.selectIconClass = null}},slot:"reference"},[_vm._v(_vm._s(_vm.hint))])],1)],1)}
+var tf_icon_pickervue_type_template_id_248a1fd3_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./package/tf-icon-picker/src/tf-icon-picker.vue?vue&type=template&id=248a1fd3&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.search.js
+var es_string_search = __webpack_require__("841c");
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./package/tf-icon-picker/src/tf-icon-picker.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var tf_icon_pickervue_type_script_lang_js_ = ({
+  name: 'TfIconPicker',
+  props: {
+    width: {
+      default: 400,
+      type: Number
+    },
+    placement: {
+      default: 'bottom',
+      type: String
+    },
+    bottomSize: {
+      default: 'small',
+      type: String
+    },
+    hint: {
+      default: '选择图标',
+      type: String
+    }
+  },
+  data: function data() {
+    return {
+      glyphsList: null,
+      allIconList: null,
+      pagination: 0,
+      iconList: null,
+      total: 0,
+      selectIconClass: null,
+      visible: false,
+      search: null
+    };
+  },
+  watch: {
+    pagination: {
+      handler: function handler(newValue) {
+        if (!this.glyphsList) return;
+        this.iconList = this.allIconList.slice(newValue * 20, (newValue + 1) * 20);
+      },
+      immediate: true
+    }
+  },
+  created: function created() {
+    var _this = this;
+
+    axios_default.a.get('/icon-list.json').then(function (res) {
+      if (res.status === 200) {
+        var _this$allIconList;
+
+        var glyphsList = res.data.glyphs;
+        _this.glyphsList = glyphsList.sort(function (a, b) {
+          return a.font_class - b.font_class;
+        });
+        _this.allIconList = JSON.parse(JSON.stringify(_this.glyphsList));
+        _this.total = (_this$allIconList = _this.allIconList) === null || _this$allIconList === void 0 ? void 0 : _this$allIconList.length;
+        _this.iconList = _this.allIconList.slice(_this.pagination * 20, (_this.pagination + 1) * 20);
+      }
+    });
+  },
+  methods: {
+    handleCurrentChange: function handleCurrentChange(val) {
+      if (val - 1 > this.total / 20) return;
+      this.pagination = val - 1;
+    },
+    selectIcon: function selectIcon(params) {
+      this.selectIconClass = params;
+    },
+    searchInfo: function searchInfo() {
+      var _this2 = this;
+
+      this.pagination = 0;
+      var glyphs = JSON.parse(JSON.stringify(this.glyphsList));
+      var iconArr = [];
+      glyphs.forEach(function (item) {
+        var str = "".concat(item.font_class, "+").concat(item.name).toLowerCase();
+
+        if (str.indexOf(_this2.search.toLowerCase()) !== -1) {
+          iconArr.push(item);
+        }
+      });
+      this.allIconList = iconArr;
+      this.total = this.allIconList.length;
+
+      if (iconArr.length > 20) {
+        this.iconList = this.allIconList.slice(this.pagination * 20, (this.pagination + 1) * 20).sort(function (a, b) {
+          return a.font_class - b.font_class;
+        });
+      } else {
+        this.iconList = iconArr.sort(function (a, b) {
+          return a.font_class - b.font_class;
+        });
+      }
+    },
+    cleanSearch: function cleanSearch() {
+      var _this$allIconList2;
+
+      this.pagination = 0;
+      this.allIconList = JSON.parse(JSON.stringify(this.glyphsList));
+      this.total = (_this$allIconList2 = this.allIconList) === null || _this$allIconList2 === void 0 ? void 0 : _this$allIconList2.length;
+      this.iconList = this.allIconList.slice(this.pagination * 20, (this.pagination + 1) * 20);
+    },
+    select: function select() {
+      if (this.selectIconClass) {
+        this.$emit('selectIcon', JSON.parse(JSON.stringify(this.selectIconClass)));
+      } else {
+        this.$message.error('未选择图标');
+      }
+
+      this.selectIconClass = null;
+      this.visible = false;
+    }
+  }
+});
+// CONCATENATED MODULE: ./package/tf-icon-picker/src/tf-icon-picker.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_tf_icon_pickervue_type_script_lang_js_ = (tf_icon_pickervue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./package/tf-icon-picker/src/tf-icon-picker.vue?vue&type=style&index=0&id=248a1fd3&lang=less&scoped=true&
+var tf_icon_pickervue_type_style_index_0_id_248a1fd3_lang_less_scoped_true_ = __webpack_require__("b967");
+
+// CONCATENATED MODULE: ./package/tf-icon-picker/src/tf-icon-picker.vue
+
+
+
+
+
+
+/* normalize component */
+
+var tf_icon_picker_component = Object(componentNormalizer["a" /* default */])(
+  src_tf_icon_pickervue_type_script_lang_js_,
+  tf_icon_pickervue_type_template_id_248a1fd3_scoped_true_render,
+  tf_icon_pickervue_type_template_id_248a1fd3_scoped_true_staticRenderFns,
+  false,
+  null,
+  "248a1fd3",
+  null
+  
+)
+
+/* harmony default export */ var tf_icon_picker = (tf_icon_picker_component.exports);
+// CONCATENATED MODULE: ./package/tf-icon-picker/index.js
+
+
+/* istanbul ignore next */
+
+tf_icon_picker.install = function (Vue) {
+  Vue.component(tf_icon_picker.name, tf_icon_picker);
+};
+
+/* harmony default export */ var package_tf_icon_picker = (tf_icon_picker);
 // CONCATENATED MODULE: ./src/index.js
 
 
@@ -106439,7 +106774,8 @@ t_input.install = function (Vue) {
 
 
 
-var components = [package_tf_widget, svg_icon, package_tf_layout, t_data_list, package_t_input];
+
+var components = [package_tf_widget, svg_icon, package_tf_layout, t_data_list, package_t_input, package_tf_icon_picker];
 
 var install = function install(Vue) {
   components.forEach(function (component) {
@@ -106453,7 +106789,8 @@ var install = function install(Vue) {
   SvgIcon: svg_icon,
   TfLayout: package_tf_layout,
   TDataList: t_data_list,
-  Tinput: package_t_input
+  Tinput: package_t_input,
+  TfIconPicker: package_tf_icon_picker
 });
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js