@king-design/vue 3.6.2 → 3.8.0-beta.0

package/components/tag/useColor.js

@@ -0,0 +1,71 @@
+var _context;
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import { useInstance } from 'intact-vue-next';
+import { palette } from '../../styles/utils';
+import { useState } from '../../hooks/useState';
+import { useReceive } from '../../hooks/useReceive';
+import { theme } from '../../styles/theme';
+// type 支持的颜色
+var TYPE_COLORS = ['default', 'primary', 'danger', 'success', 'warning'];
+// color 支持的扩展内置颜色
+var EXTENDED_COLORS = ['purple', 'teal', 'blue', 'yellow'];
+// 所有内置颜色
+var BUILT_IN_COLORS = _concatInstanceProperty(_context = []).call(_context, TYPE_COLORS, EXTENDED_COLORS);
+export function getIconColorValue(color, disabled) {
+  if (disabled) return theme.color.disabled;
+  if (!color || color === 'default') return 'default';
+  if (_includesInstanceProperty(BUILT_IN_COLORS).call(BUILT_IN_COLORS, color)) {
+    var themeColor = theme.color[color];
+    return themeColor;
+  }
+  return color;
+}
+export function useColor() {
+  var instance = useInstance();
+  var effectiveColor = useState(undefined);
+  var colorClassName = useState(undefined);
+  var customStyle = useState({});
+  var iconColor = useState(undefined);
+  function updateColor() {
+    var _instance$get = instance.get(),
+      color = _instance$get.color,
+      type = _instance$get.type,
+      disabled = _instance$get.disabled;
+    var _effectiveColor = color || (_includesInstanceProperty(TYPE_COLORS).call(TYPE_COLORS, type) ? type : undefined); // color优先
+    effectiveColor.set(_effectiveColor);
+    var isBuiltIn = _effectiveColor ? _includesInstanceProperty(BUILT_IN_COLORS).call(BUILT_IN_COLORS, _effectiveColor) : false;
+    // 内置颜色 - 更新 colorClassName
+    if (_effectiveColor && isBuiltIn && _effectiveColor !== 'default') {
+      colorClassName.set(_effectiveColor);
+    } else {
+      colorClassName.set(undefined);
+    }
+    // 自定义颜色 - 更新 customStyle
+    if (_effectiveColor && !isBuiltIn && !disabled) {
+      var bgColor = palette(_effectiveColor, -4);
+      customStyle.set({
+        color: _effectiveColor,
+        borderColor: _effectiveColor,
+        backgroundColor: bgColor
+      });
+    } else {
+      customStyle.set({});
+    }
+    // 更新 iconColor
+    if (!_effectiveColor && !disabled) {
+      iconColor.set('default');
+    } else {
+      var _iconColor = getIconColorValue(_effectiveColor, disabled);
+      iconColor.set(_iconColor);
+    }
+  }
+  useReceive(['color', 'type', 'disabled'], updateColor);
+  updateColor();
+  return {
+    effectiveColor: effectiveColor,
+    colorClassName: colorClassName,
+    customStyle: customStyle,
+    iconColor: iconColor
+  };
+}

package/components/think/index.d.ts

@@ -0,0 +1 @@
+export * from './think';

package/components/think/index.js

@@ -0,0 +1 @@
+export * from './think';

package/components/think/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/components/think/index.spec.js

@@ -0,0 +1,345 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { Component } from 'intact-vue-next';
+import { mount, unmount, wait } from '../../test/utils';
+import { Think } from '.';
+describe('Think', function () {
+  afterEach(function () {
+    unmount();
+  });
+  it('should render title and content', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var Demo, _mount, element;
+    return _regeneratorRuntime.wrap(function _callee$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component) {
+            _inheritsLoose(Demo, _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 = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+              _this.Think = Think;
+              return _this;
+            }
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const { Think } = this;\n                <div>\n                    <Think title=\"\u5DF2\u601D\u8003\uFF08\u7528\u65F6 6 \u79D2\uFF09\" content=\"\u5148\u62C6\u89E3\u95EE\u9898\uFF0C\u518D\u7EC4\u7EC7\u7B54\u6848\u3002\" />\n                </div>\n            ";
+          _mount = mount(Demo), element = _mount[1];
+          expect(element.querySelector('.k-think-title').textContent).to.contain('已思考');
+          expect(element.querySelector('.k-think-text').textContent).to.contain('先拆解问题');
+        case 5:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee);
+  })));
+  it('should toggle content and trigger expand event', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var Demo, _mount2, instance, element, root, status;
+    return _regeneratorRuntime.wrap(function _callee2$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component2) {
+            _inheritsLoose(Demo, _Component2);
+            function Demo() {
+              var _context3;
+              var _this2;
+              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
+              }
+              _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context3 = [this]).call(_context3, args)) || this;
+              _this2.Think = Think;
+              return _this2;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                expanded: true
+              };
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const { Think } = this;\n                <div>\n                    <Think\n                        v-model:expanded=\"expanded\"\n                        content=\"thinking content\"\n                    />\n                </div>\n            ";
+          _mount2 = mount(Demo), instance = _mount2[0], element = _mount2[1];
+          root = element.querySelector('.k-think');
+          status = element.querySelector('.k-think-status');
+          expect(root.classList.contains('k-think-expanded')).to.be.true;
+          status.click();
+          _context4.next = 9;
+          return wait(50);
+        case 9:
+          expect(instance.get('expanded')).to.eql(false);
+          expect(root.classList.contains('k-think-expanded')).to.be.false;
+        case 11:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee2);
+  })));
+  it('should respect defaultExpanded in uncontrolled mode', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var Demo, _mount3, element, root, status;
+    return _regeneratorRuntime.wrap(function _callee3$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component3) {
+            _inheritsLoose(Demo, _Component3);
+            function Demo() {
+              var _context5;
+              var _this3;
+              for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                args[_key3] = arguments[_key3];
+              }
+              _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context5 = [this]).call(_context5, args)) || this;
+              _this3.Think = Think;
+              return _this3;
+            }
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const { Think } = this;\n                <div>\n                    <Think\n                        title=\"\u5DF2\u601D\u8003\"\n                        content=\"\u9ED8\u8BA4\u6298\u53E0\u5185\u5BB9\"\n                        defaultExpanded={false}\n                    />\n                </div>\n            ";
+          _mount3 = mount(Demo), element = _mount3[1];
+          root = element.querySelector('.k-think');
+          _context6.next = 6;
+          return wait(50);
+        case 6:
+          expect(root.classList.contains('k-think-expanded')).to.be.false;
+          status = element.querySelector('.k-think-status');
+          status.click();
+          _context6.next = 11;
+          return wait(50);
+        case 11:
+          expect(root.classList.contains('k-think-expanded')).to.be.true;
+          expect(element.querySelector('.k-think-text').textContent).to.contain('默认折叠内容');
+        case 13:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee3);
+  })));
+  it('should reflect loading state on root and icon', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var Demo, _mount4, element, root, icon;
+    return _regeneratorRuntime.wrap(function _callee4$(_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component4) {
+            _inheritsLoose(Demo, _Component4);
+            function Demo() {
+              var _context7;
+              var _this4;
+              for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                args[_key4] = arguments[_key4];
+              }
+              _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context7 = [this]).call(_context7, args)) || this;
+              _this4.Think = Think;
+              return _this4;
+            }
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const { Think } = this;\n                <div>\n                    <Think title=\"\u601D\u8003\u4E2D\" loading content=\"\u5185\u5BB9\" />\n                </div>\n            ";
+          _mount4 = mount(Demo), element = _mount4[1];
+          _context8.next = 5;
+          return wait(50);
+        case 5:
+          root = element.querySelector('.k-think');
+          expect(root.classList.contains('k-think-loading')).to.be.true;
+          icon = root.querySelector('.k-think-icon i');
+          expect(icon.classList.contains('ion-load-c')).to.be.true;
+          expect(icon.classList.contains('k-rotate')).to.be.true;
+        case 10:
+        case "end":
+          return _context8.stop();
+      }
+    }, _callee4);
+  })));
+  it('should apply blink class when blink is true', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    var Demo, _mount5, element, root;
+    return _regeneratorRuntime.wrap(function _callee5$(_context10) {
+      while (1) switch (_context10.prev = _context10.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component5) {
+            _inheritsLoose(Demo, _Component5);
+            function Demo() {
+              var _context9;
+              var _this5;
+              for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+                args[_key5] = arguments[_key5];
+              }
+              _this5 = _Component5.call.apply(_Component5, _concatInstanceProperty(_context9 = [this]).call(_context9, args)) || this;
+              _this5.Think = Think;
+              return _this5;
+            }
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const { Think } = this;\n                <div>\n                    <Think title=\"\u95EA\u70C1\u6807\u9898\" blink content=\"\u6B63\u6587\" />\n                </div>\n            ";
+          _mount5 = mount(Demo), element = _mount5[1];
+          _context10.next = 5;
+          return wait(50);
+        case 5:
+          root = element.querySelector('.k-think');
+          expect(root.classList.contains('k-think-blink')).to.be.true;
+        case 7:
+        case "end":
+          return _context10.stop();
+      }
+    }, _callee5);
+  })));
+  it('should set max width from maxWidthString', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+    var Demo, _mount6, element, root;
+    return _regeneratorRuntime.wrap(function _callee6$(_context12) {
+      while (1) switch (_context12.prev = _context12.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component6) {
+            _inheritsLoose(Demo, _Component6);
+            function Demo() {
+              var _context11;
+              var _this6;
+              for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+                args[_key6] = arguments[_key6];
+              }
+              _this6 = _Component6.call.apply(_Component6, _concatInstanceProperty(_context11 = [this]).call(_context11, args)) || this;
+              _this6.Think = Think;
+              return _this6;
+            }
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const { Think } = this;\n                <div>\n                    <Think title=\"\u6807\u9898\" content=\"\u5185\u5BB9\" maxWidthString=\"480px\" />\n                </div>\n            ";
+          _mount6 = mount(Demo), element = _mount6[1];
+          _context12.next = 5;
+          return wait(50);
+        case 5:
+          root = element.querySelector('.k-think');
+          expect(root.style.maxWidth).to.eql('480px');
+        case 7:
+        case "end":
+          return _context12.stop();
+      }
+    }, _callee6);
+  })));
+  it('should emit expand with next expanded value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+    var last, Demo, _mount7, instance, element, status;
+    return _regeneratorRuntime.wrap(function _callee7$(_context14) {
+      while (1) switch (_context14.prev = _context14.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component7) {
+            _inheritsLoose(Demo, _Component7);
+            function Demo() {
+              var _context13;
+              var _this7;
+              for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+                args[_key7] = arguments[_key7];
+              }
+              _this7 = _Component7.call.apply(_Component7, _concatInstanceProperty(_context13 = [this]).call(_context13, args)) || this;
+              _this7.Think = Think;
+              _this7.onExpand = function (v) {
+                last = v;
+              };
+              return _this7;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                expanded: false
+              };
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const { Think } = this;\n                <div>\n                    <Think\n                        v-model:expanded=\"expanded\"\n                        content=\"c\"\n                        ev-expand={this.onExpand}\n                    />\n                </div>\n            ";
+          _mount7 = mount(Demo), instance = _mount7[0], element = _mount7[1];
+          status = element.querySelector('.k-think-status');
+          status.click();
+          _context14.next = 7;
+          return wait(50);
+        case 7:
+          expect(last).to.eql(true);
+          expect(instance.get('expanded')).to.eql(true);
+          status.click();
+          _context14.next = 12;
+          return wait(50);
+        case 12:
+          expect(last).to.eql(false);
+          expect(instance.get('expanded')).to.eql(false);
+        case 14:
+        case "end":
+          return _context14.stop();
+      }
+    }, _callee7);
+  })));
+  it('should hide arrow and content region when there is no content', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+    var Demo, _mount8, element;
+    return _regeneratorRuntime.wrap(function _callee8$(_context16) {
+      while (1) switch (_context16.prev = _context16.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component8) {
+            _inheritsLoose(Demo, _Component8);
+            function Demo() {
+              var _context15;
+              var _this8;
+              for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+                args[_key8] = arguments[_key8];
+              }
+              _this8 = _Component8.call.apply(_Component8, _concatInstanceProperty(_context15 = [this]).call(_context15, args)) || this;
+              _this8.Think = Think;
+              return _this8;
+            }
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const { Think } = this;\n                <div>\n                    <Think title=\"\u4EC5\u6807\u9898\" />\n                </div>\n            ";
+          _mount8 = mount(Demo), element = _mount8[1];
+          _context16.next = 5;
+          return wait(50);
+        case 5:
+          expect(element.querySelector('.k-think-arrow')).to.be.null;
+          expect(element.querySelector('.k-think-wrapper')).to.be.null;
+        case 7:
+        case "end":
+          return _context16.stop();
+      }
+    }, _callee8);
+  })));
+  it('should not render extra and content wrappers for empty conditional slots', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+    var Demo, _mount9, instance, element;
+    return _regeneratorRuntime.wrap(function _callee9$(_context18) {
+      while (1) switch (_context18.prev = _context18.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component9) {
+            _inheritsLoose(Demo, _Component9);
+            function Demo() {
+              var _context17;
+              var _this9;
+              for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
+                args[_key9] = arguments[_key9];
+              }
+              _this9 = _Component9.call.apply(_Component9, _concatInstanceProperty(_context17 = [this]).call(_context17, args)) || this;
+              _this9.Think = Think;
+              return _this9;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                showSlot: false
+              };
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const { Think } = this;\n                <div>\n                    <Think title=\"\u4EC5\u6807\u9898\">\n                        <b:extra>\n                            <span v-if={this.get('showSlot')} class=\"conditional-extra\">extra</span>\n                        </b:extra>\n                        <b:content>\n                            <span v-if={this.get('showSlot')} class=\"conditional-content\">content</span>\n                        </b:content>\n                    </Think>\n                </div>\n            ";
+          _mount9 = mount(Demo), instance = _mount9[0], element = _mount9[1];
+          _context18.next = 5;
+          return wait(50);
+        case 5:
+          expect(element.querySelector('.k-think-extra')).to.eql(null);
+          expect(element.querySelector('.k-think-arrow')).to.eql(null);
+          expect(element.querySelector('.k-think-wrapper')).to.eql(null);
+          instance.set('showSlot', true);
+          _context18.next = 11;
+          return wait(50);
+        case 11:
+          expect(element.querySelector('.conditional-extra').textContent).to.eql('extra');
+          expect(element.querySelector('.conditional-content').textContent).to.eql('content');
+          expect(element.querySelector('.k-think-arrow')).not.to.eql(null);
+        case 14:
+        case "end":
+          return _context18.stop();
+      }
+    }, _callee9);
+  })));
+});

package/components/think/index.vdt.js

@@ -0,0 +1,82 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce, noop as _$no, createUnknownComponentVNode as _$cc } from 'intact-vue-next';
+import { Transition } from 'intact-vue-next';
+import { Icon } from '../icon';
+import { isInvalid, noop } from 'intact-shared';
+import { expandAnimationCallbacks, getRestProps, isEmptyString } from '../utils';
+import { makeStyles } from './styles';
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj;
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var _$blocks = {};
+  var __$blocks = {};
+  var _this$think = this.think,
+    hasContentProp = _this$think.hasContentProp,
+    isExpanded = _this$think.isExpanded,
+    getRootStyle = _this$think.getRootStyle,
+    getTitleText = _this$think.getTitleText,
+    getContentText = _this$think.getContentText,
+    onToggle = _this$think.onToggle;
+  var _this$get = this.get(),
+    className = _this$get.className,
+    loading = _this$get.loading,
+    blink = _this$get.blink,
+    children = _this$get.children;
+  var k = this.config.k;
+  var isEmptySlot = function isEmptySlot(value) {
+    if (isInvalid(value) || isEmptyString(value)) return true;
+    if (Array.isArray(value)) return value.every(function (item) {
+      return isEmptySlot(item);
+    });
+    if (value && value.type === 1) return isEmptySlot(value.children);
+    return false;
+  };
+  var extraSlot = $blocks.extra ? $blocks.extra(noop) : undefined;
+  var contentSlot = $blocks.content ? $blocks.content(noop) : undefined;
+  var hasExtraSlot = !isEmptySlot(extraSlot);
+  var hasContentSlot = !isEmptySlot(contentSlot);
+  var hasContent = hasContentSlot || !!children || hasContentProp();
+  var expanded = isExpanded();
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-think"] = true, _classNameObj[k + "-think-expanded"] = expanded, _classNameObj[k + "-think-loading"] = loading, _classNameObj[k + "-think-blink"] = blink, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
+  return _$cv('div', _extends({
+    'className': _$cn(classNameObj),
+    'style': getRootStyle()
+  }, getRestProps(this)), [_$ce(2, 'button', [_$ce(2, 'div', [_$ce(2, 'span', $blocks.icon ? (_$blocks['icon'] = function ($super) {
+    return null;
+  }, __$blocks['icon'] = function ($super, data) {
+    var block = $blocks['icon'];
+    var callBlock = function callBlock() {
+      return _$blocks['icon'].call($this, $super, data);
+    };
+    return block ? block.call($this, callBlock, data) : callBlock();
+  }, __$blocks['icon'](_$no)) : _$cc(Icon, {
+    'className': _$cn(loading ? 'ion-load-c' : 'k-icon-think'),
+    'rotate': loading
+  }), 0, _$cn(k + "-think-icon")), _$ce(2, 'span', $blocks.title ? (_$blocks['title'] = function ($super) {
+    return null;
+  }, __$blocks['title'] = function ($super, data) {
+    var block = $blocks['title'];
+    var callBlock = function callBlock() {
+      return _$blocks['title'].call($this, $super, data);
+    };
+    return block ? block.call($this, callBlock, data) : callBlock();
+  }, __$blocks['title'](_$no)) : _$ce(2, 'span', getTitleText(), 0), 0, _$cn(k + "-think-title"))], 4, _$cn(k + "-think-status-main")), _$ce(2, 'div', [hasExtraSlot ? _$ce(2, 'div', extraSlot, 0, _$cn(k + "-think-extra")) : undefined, hasContent ? _$cc(Icon, {
+    'className': _$cn(k + "-think-arrow k-icon-right")
+  }) : undefined], 0, _$cn(k + "-think-status-side"))], 4, _$cn(k + "-think-status"), {
+    'type': 'button',
+    'ev-click': onToggle
+  }), hasContent ? _$cc(Transition, _extends({
+    'show': expanded
+  }, expandAnimationCallbacks, {
+    'onEnter': function onEnter(el) {
+      expandAnimationCallbacks.onEnter(el);
+    },
+    'onAfterLeave': function onAfterLeave(el) {
+      expandAnimationCallbacks.onAfterLeave(el);
+    },
+    'children': _$ce(2, 'div', _$ce(2, 'div', hasContentSlot ? contentSlot : children ? children : _$ce(2, 'div', getContentText(), 0, _$cn(k + "-think-text")), 0, _$cn(k + "-think-content")), 2, _$cn(k + "-think-wrapper"))
+  })) : undefined]);
+}
+;

package/components/think/styles.d.ts

@@ -0,0 +1,5 @@
+import '../../styles/global';
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/components/think/styles.js

@@ -0,0 +1,25 @@
+import { css } from '@emotion/css';
+import { theme, setDefault } from '../../styles/theme';
+import { deepDefaults } from '../../styles/utils';
+import '../../styles/global';
+import { cache } from '../utils';
+var defaults = {
+  color: theme.color.text,
+  titleColor: theme.color.lightBlack,
+  titleFontSize: '12px',
+  extraColor: theme.color.placeholder,
+  lineColor: '#D0D9D9',
+  contentColor: theme.color.lightBlack,
+  contentBorderRadius: '10px',
+  iconColor: theme.color.primary
+};
+var think;
+setDefault(function () {
+  think = deepDefaults(theme, {
+    think: defaults
+  }).think;
+  makeStyles == null || makeStyles.clearCache();
+});
+export var makeStyles = cache(function makeStyles(k) {
+  return /*#__PURE__*/css("display:block;width:100%;min-height:0;color:", think.color, ";& .", k, "-think-wrapper.k-expand-enter-from,& .", k, "-think-wrapper.k-expand-leave-to,& .", k, "-think-wrapper.k-expand-enter-active,& .", k, "-think-wrapper.k-expand-leave-active{opacity:1!important;transition:height ", theme.transition.large, "!important;}.", k, "-think-status{display:flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;}.", k, "-think-status-main,.", k, "-think-status-side{display:inline-flex;align-items:center;gap:8px;min-width:0;}.", k, "-think-icon{color:", think.iconColor, ";line-height:1;flex:0 0 auto;}.", k, "-think-title{color:", think.titleColor, ";font-size:", think.titleFontSize, ";font-weight:400;min-width:0;line-height:1.5;}.", k, "-think-extra{color:", think.extraColor, ";font-size:12px;line-height:1.5;}.", k, "-think-arrow{transition:transform ", theme.transition.small, ";color:", think.extraColor, ";flex:0 0 auto;}.", k, "-think-wrapper{width:100%;box-sizing:border-box;overflow:hidden;}.", k, "-think-content{position:relative;margin-top:8px;margin-left:7px;padding-left:16px;background-image:repeating-linear-gradient(\n                to bottom,\n                ", think.lineColor, " 0 3.86px,\n                transparent 3.86px 7.72px\n            );background-repeat:no-repeat;background-size:1px calc(100% - 12px);background-position:0 6px;color:", think.contentColor, ";font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;&::before,&::after{content:'';position:absolute;left:0.5px;width:6px;height:5px;background:", think.lineColor, ";transform:translateX(-50%);}&::before{top:0;clip-path:polygon(0 0, 100% 0, 58.333% 100%, 41.667% 100%);}&::after{bottom:0;clip-path:polygon(41.667% 0, 58.333% 0, 100% 100%, 0 100%);}}.", k, "-think-text{border-radius:", think.contentBorderRadius, ";}&.", k, "-think-expanded .", k, "-think-arrow{transform:rotate(90deg);}&.", k, "-think-blink .", k, "-think-title{animation:", k, "-think-blink 1.2s ease-in-out infinite;}@keyframes ", k, "-think-blink{0%,100%{opacity:1;}50%{opacity:0.56;}}");
+});

package/components/think/think.d.ts

@@ -0,0 +1,28 @@
+import { Component, TypeDefs } from 'intact-vue-next';
+import type { Events } from '../types';
+export interface ThinkProps {
+    title?: string;
+    content?: string | number;
+    loading?: boolean;
+    blink?: boolean;
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    maxWidthString?: string;
+}
+export interface ThinkEvents {
+    expand: [boolean];
+}
+export interface ThinkBlocks {
+    icon: null;
+    title: null;
+    extra: null;
+    content: null;
+}
+export declare class Think extends Component<ThinkProps, ThinkEvents, ThinkBlocks> {
+    static template: string | import('intact-vue-next').Template<any>;
+    static typeDefs: Required<TypeDefs<ThinkProps>>;
+    static defaults: () => Partial<ThinkProps>;
+    static events: Events<ThinkEvents>;
+    private config;
+    private think;
+}

package/components/think/think.js

@@ -0,0 +1,48 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { Component } from 'intact-vue-next';
+import template from './index.vdt';
+import { useConfigContext } from '../config';
+import { useThinkExpand } from './useThinkExpand';
+var typeDefs = {
+  title: String,
+  content: [String, Number],
+  loading: Boolean,
+  blink: Boolean,
+  defaultExpanded: Boolean,
+  expanded: Boolean,
+  maxWidthString: String
+};
+var defaults = function defaults() {
+  return {
+    title: undefined,
+    content: undefined,
+    loading: false,
+    blink: false,
+    defaultExpanded: true,
+    expanded: undefined,
+    maxWidthString: '640px'
+  };
+};
+var events = {
+  expand: true
+};
+export var Think = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Think, _Component);
+  function Think() {
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.config = useConfigContext();
+    _this.think = useThinkExpand();
+    return _this;
+  }
+  return Think;
+}(Component);
+Think.template = template;
+Think.typeDefs = typeDefs;
+Think.defaults = defaults;
+Think.events = events;

package/components/think/useThinkExpand.d.ts

@@ -0,0 +1,10 @@
+export declare function useThinkExpand(): {
+    hasContentProp: () => boolean;
+    isExpanded: () => boolean;
+    getTitleText: () => string;
+    getContentText: () => string;
+    getRootStyle: () => {
+        maxWidth: string;
+    } | undefined;
+    onToggle: () => void;
+};