@king-design/intact 2.1.1 → 2.1.2

package/es/site/data/components/tag/demos/tags/index.js

@@ -0,0 +1,39 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  default_1.defaults = function defaults() {
+    return {
+      tags1: ['default', 'primary', 'success', 'warning', 'danger'],
+      tags2: ['default', 'primary', 'success', 'warning', 'danger']
+    };
+  };
+
+  var _proto = default_1.prototype;
+
+  _proto.remove = function remove(name, type, e) {
+    var _context;
+
+    e.preventDefault();
+
+    var tags = _filterInstanceProperty(_context = this.get(name)).call(_context, function (tag) {
+      return tag !== type;
+    });
+
+    this.set(name, tags);
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/tag/demos/tags/react.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TagProps } from '@king-design/react';
+interface Props {
+    tags1: Required<TagProps>['type'][];
+    tags2: Required<TagProps>['type'][];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    remove(name: keyof Props, type: Required<TagProps>['type'], e: MouseEvent): void;
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/tag/demos/tags/react.js

@@ -0,0 +1,83 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import React from 'react';
+import { Tags, Tag, Split, Tooltip } from '@king-design/react';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    var _context;
+
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      tags1: ['default', 'primary', 'success', 'warning', 'danger'],
+      tags2: ['default', 'primary', 'success', 'warning', 'danger']
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.remove = function remove(name, type, e) {
+    var _context2, _this$setState;
+
+    e.preventDefault();
+
+    var tags = _filterInstanceProperty(_context2 = this.state[name]).call(_context2, function (tag) {
+      return tag !== type;
+    });
+
+    this.setState((_this$setState = {}, _this$setState[name] = tags, _this$setState));
+  };
+
+  _proto.render = function render() {
+    var _context3,
+        _this2 = this,
+        _context4;
+
+    return /*#__PURE__*/React.createElement(Split, {
+      style: {
+        "width": "600px",
+        "background": "#e1e1e1"
+      },
+      slotFirst: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tags, null, _mapInstanceProperty(_context3 = this.state.tags1).call(_context3, function ($value, $key) {
+        return /*#__PURE__*/React.createElement(Tag, {
+          key: $value,
+          type: $value,
+          closable: true,
+          onClose: function onClose(e) {
+            return _this2.remove('tags1', $value, e);
+          }
+        }, $value);
+      }))),
+      slotLast: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tags, {
+        nowrap: true
+      }, _mapInstanceProperty(_context4 = this.state.tags2).call(_context4, function ($value, $key) {
+        return /*#__PURE__*/React.createElement(Tag, {
+          key: $value,
+          type: $value,
+          closable: true,
+          onClose: function onClose(e) {
+            return _this2.remove('tags2', $value, e);
+          }
+        }, $value);
+      }), /*#__PURE__*/React.createElement(Tooltip, {
+        content: "test",
+        key: "test"
+      }, /*#__PURE__*/React.createElement(Tag, null, "with tooltip"))))
+    });
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.1.1
+ * @king-design v2.1.2
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,6 +62,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '2.1.1';
+export const version = '2.1.2';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "scripts": {