vxe-pc-ui 0.0.2 → 0.2.0

package/lib/tabs/style/style.css

@@ -0,0 +1,113 @@
+.vxe-tabs {
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-tabs-header {
+  position: relative;
+}
+
+.vxe-tabs-header--wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+}
+.vxe-tabs-header--wrapper::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 1px;
+  background-color: #e4e7ed;
+}
+
+.vxe-tab-header--item {
+  position: relative;
+  padding: 0 16px;
+  cursor: pointer;
+}
+.vxe-tab-header--item.is--active {
+  color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-tab-header--item-name {
+  height: 40px;
+  line-height: 40px;
+  border-bottom: 2px solid transparent;
+  transition: color 0.3s ease-in-out;
+}
+
+.vxe-tab-pane--item {
+  display: none;
+  padding: var(--vxe-ui-layout-padding-default);
+}
+.vxe-tab-pane--item.is--visible {
+  display: block;
+}
+
+.vxe-tabs-header--active-line {
+  display: none;
+}
+
+.vxe-tabs--default .vxe-tabs-header--active-line {
+  display: block;
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+  height: 2px;
+  width: 4px;
+  background-color: var(--vxe-ui-font-primary-color);
+  z-index: 1;
+  transition: all 0.3s ease-in-out;
+}
+
+.vxe-tabs--card .vxe-tabs-header {
+  border-top: 1px solid #e4e7ed;
+  border-left: 1px solid #e4e7ed;
+}
+.vxe-tabs--card .vxe-tab-header--item {
+  border-left: 1px solid #e4e7ed;
+}
+.vxe-tabs--card .vxe-tab-header--item:first-child {
+  border-left: 0;
+}
+.vxe-tabs--card .vxe-tab-header--item:last-child {
+  border-right: 1px solid #e4e7ed;
+}
+
+.vxe-tabs--border-card .vxe-tab-pane--item {
+  border-bottom: 1px solid #e4e7ed;
+  border-left: 1px solid #e4e7ed;
+  border-right: 1px solid #e4e7ed;
+}
+.vxe-tabs--border-card .vxe-tabs-header {
+  border-top: 1px solid #e4e7ed;
+  border-left: 1px solid #e4e7ed;
+  border-right: 1px solid #e4e7ed;
+  background-color: #f5f7fa;
+}
+.vxe-tabs--border-card .vxe-tab-header--item.is--active {
+  background-color: #ffffff;
+}
+.vxe-tabs--border-card .vxe-tab-header--item.is--active::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -1px;
+  width: calc(100% + 2px);
+  height: 100%;
+  border-left: 1px solid #e4e7ed;
+  border-right: 1px solid #e4e7ed;
+  pointer-events: none;
+}
+.vxe-tabs--border-card .vxe-tab-header--item.is--active::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--vxe-ui-layout-background-color);
+  pointer-events: none;
+  z-index: 1;
+}

package/lib/tabs/style/style.min.css

@@ -0,0 +1 @@
+.vxe-tabs{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs-header{position:relative}.vxe-tabs-header--wrapper{position:relative;display:flex;flex-direction:row}.vxe-tabs-header--wrapper::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e4e7ed}.vxe-tab-header--item{position:relative;padding:0 16px;cursor:pointer}.vxe-tab-header--item.is--active{color:var(--vxe-ui-font-primary-color)}.vxe-tab-header--item-name{height:40px;line-height:40px;border-bottom:2px solid transparent;transition:color .3s ease-in-out}.vxe-tab-pane--item{display:none;padding:var(--vxe-ui-layout-padding-default)}.vxe-tab-pane--item.is--visible{display:block}.vxe-tabs-header--active-line{display:none}.vxe-tabs--default .vxe-tabs-header--active-line{display:block;position:absolute;bottom:-1px;left:0;height:2px;width:4px;background-color:var(--vxe-ui-font-primary-color);z-index:1;transition:all .3s ease-in-out}.vxe-tabs--card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item{border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item:first-child{border-left:0}.vxe-tabs--card .vxe-tab-header--item:last-child{border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tab-pane--item{border-bottom:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed;background-color:#f5f7fa}.vxe-tabs--border-card .vxe-tab-header--item.is--active{background-color:#fff}.vxe-tabs--border-card .vxe-tab-header--item.is--active::before{content:"";position:absolute;top:0;left:-1px;width:calc(100% + 2px);height:100%;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed;pointer-events:none}.vxe-tabs--border-card .vxe-tab-header--item.is--active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--vxe-ui-layout-background-color);pointer-events:none;z-index:1}

package/lib/textarea/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeTextarea = exports.Textarea = void 0;
+var _textarea = _interopRequireDefault(require("./src/textarea"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VxeTextarea = exports.VxeTextarea = Object.assign(_textarea.default, {
+  install: function (app) {
+    app.component(_textarea.default.name, _textarea.default);
+  }
+});
+const Textarea = exports.Textarea = VxeTextarea;
+_dynamics.dynamicApp.component(_textarea.default.name, _textarea.default);
+var _default = exports.default = VxeTextarea;

package/lib/textarea/index.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeTextarea=exports.Textarea=void 0;var _textarea=_interopRequireDefault(require("./src/textarea")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeTextarea=exports.VxeTextarea=Object.assign(_textarea.default,{install:function(e){e.component(_textarea.default.name,_textarea.default)}}),Textarea=exports.Textarea=VxeTextarea;_dynamics.dynamicApp.component(_textarea.default.name,_textarea.default);var _default=exports.default=VxeTextarea;

package/lib/textarea/src/textarea.js

@@ -0,0 +1,298 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _globalStore = _interopRequireDefault(require("../../ui/src/globalStore"));
+var _utils = require("../../ui/src/utils");
+var _i18n = require("../../ui/src/i18n");
+var _size = require("../../hooks/size");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+let autoTxtElem;
+var _default = exports.default = (0, _vue.defineComponent)({
+  name: 'VxeTextarea',
+  props: {
+    modelValue: [String, Number],
+    className: String,
+    immediate: {
+      type: Boolean,
+      default: true
+    },
+    name: String,
+    readonly: Boolean,
+    disabled: Boolean,
+    placeholder: {
+      type: String,
+      default: () => _xeUtils.default.eqNull(_globalStore.default.textarea.placeholder) ? (0, _i18n.getI18n)('vxe.base.pleaseInput') : _globalStore.default.textarea.placeholder
+    },
+    maxlength: [String, Number],
+    rows: {
+      type: [String, Number],
+      default: 2
+    },
+    cols: {
+      type: [String, Number],
+      default: null
+    },
+    showWordCount: Boolean,
+    countMethod: Function,
+    autosize: [Boolean, Object],
+    form: String,
+    resize: {
+      type: String,
+      default: () => _globalStore.default.textarea.resize
+    },
+    size: {
+      type: String,
+      default: () => _globalStore.default.textarea.size || _globalStore.default.size
+    }
+  },
+  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'click', 'change', 'focus', 'blur'],
+  setup(props, context) {
+    const {
+      emit
+    } = context;
+    const $xeform = (0, _vue.inject)('$xeForm', null);
+    const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
+    const xID = _xeUtils.default.uniqueId();
+    const computeSize = (0, _size.useSize)(props);
+    const reactData = (0, _vue.reactive)({
+      inputValue: props.modelValue
+    });
+    const refElem = (0, _vue.ref)();
+    const refTextarea = (0, _vue.ref)();
+    const refMaps = {
+      refElem,
+      refTextarea
+    };
+    const $xetextarea = {
+      xID,
+      props,
+      context,
+      reactData,
+      getRefMaps: () => refMaps
+    };
+    let textareaMethods = {};
+    const computeInputCount = (0, _vue.computed)(() => {
+      return _xeUtils.default.getSize(reactData.inputValue);
+    });
+    const computeIsCountError = (0, _vue.computed)(() => {
+      const inputCount = computeInputCount.value;
+      return props.maxlength && inputCount > _xeUtils.default.toNumber(props.maxlength);
+    });
+    const computeSizeOpts = (0, _vue.computed)(() => {
+      return Object.assign({
+        minRows: 1,
+        maxRows: 10
+      }, _globalStore.default.textarea.autosize, props.autosize);
+    });
+    const updateAutoTxt = () => {
+      const {
+        size,
+        autosize
+      } = props;
+      const {
+        inputValue
+      } = reactData;
+      if (autosize) {
+        if (!autoTxtElem) {
+          autoTxtElem = document.createElement('div');
+        }
+        if (!autoTxtElem.parentNode) {
+          document.body.appendChild(autoTxtElem);
+        }
+        const textElem = refTextarea.value;
+        const textStyle = getComputedStyle(textElem);
+        autoTxtElem.className = ['vxe-textarea--autosize', size ? `size--${size}` : ''].join(' ');
+        autoTxtElem.style.width = `${textElem.clientWidth}px`;
+        autoTxtElem.style.padding = textStyle.padding;
+        autoTxtElem.innerText = ('' + (inputValue || '　')).replace(/\n$/, '\n　');
+      }
+    };
+    const handleResize = () => {
+      if (props.autosize) {
+        (0, _vue.nextTick)(() => {
+          const sizeOpts = computeSizeOpts.value;
+          const {
+            minRows,
+            maxRows
+          } = sizeOpts;
+          const textElem = refTextarea.value;
+          const sizeHeight = autoTxtElem.clientHeight;
+          const textStyle = getComputedStyle(textElem);
+          const lineHeight = _xeUtils.default.toNumber(textStyle.lineHeight);
+          const paddingTop = _xeUtils.default.toNumber(textStyle.paddingTop);
+          const paddingBottom = _xeUtils.default.toNumber(textStyle.paddingBottom);
+          const borderTopWidth = _xeUtils.default.toNumber(textStyle.borderTopWidth);
+          const borderBottomWidth = _xeUtils.default.toNumber(textStyle.borderBottomWidth);
+          const intervalHeight = paddingTop + paddingBottom + borderTopWidth + borderBottomWidth;
+          const rowNum = (sizeHeight - intervalHeight) / lineHeight;
+          const textRows = rowNum && /[0-9]/.test('' + rowNum) ? rowNum : Math.floor(rowNum) + 1;
+          let vaildRows = textRows;
+          if (textRows < minRows) {
+            vaildRows = minRows;
+          } else if (textRows > maxRows) {
+            vaildRows = maxRows;
+          }
+          textElem.style.height = `${vaildRows * lineHeight + intervalHeight}px`;
+        });
+      }
+    };
+    const triggerEvent = evnt => {
+      const value = reactData.inputValue;
+      $xetextarea.dispatchEvent(evnt.type, {
+        value
+      }, evnt);
+    };
+    const emitUpdate = (value, evnt) => {
+      reactData.inputValue = value;
+      emit('update:modelValue', value);
+      if (_xeUtils.default.toValueString(props.modelValue) !== value) {
+        textareaMethods.dispatchEvent('change', {
+          value
+        }, evnt);
+        // 自动更新校验状态
+        if ($xeform && formItemInfo) {
+          $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+        }
+      }
+    };
+    const inputEvent = evnt => {
+      const {
+        immediate
+      } = props;
+      const textElem = evnt.target;
+      const value = textElem.value;
+      reactData.inputValue = value;
+      if (immediate) {
+        emitUpdate(value, evnt);
+      }
+      $xetextarea.dispatchEvent('input', {
+        value
+      }, evnt);
+      handleResize();
+    };
+    const changeEvent = evnt => {
+      const {
+        immediate
+      } = props;
+      if (immediate) {
+        triggerEvent(evnt);
+      } else {
+        emitUpdate(reactData.inputValue, evnt);
+      }
+    };
+    const blurEvent = evnt => {
+      const {
+        immediate
+      } = props;
+      const {
+        inputValue
+      } = reactData;
+      if (!immediate) {
+        emitUpdate(inputValue, evnt);
+      }
+      $xetextarea.dispatchEvent('blur', {
+        value: inputValue
+      }, evnt);
+    };
+    textareaMethods = {
+      dispatchEvent(type, params, evnt) {
+        emit(type, Object.assign({
+          $textarea: $xetextarea,
+          $event: evnt
+        }, params));
+      },
+      focus() {
+        const textElem = refTextarea.value;
+        textElem.focus();
+        return (0, _vue.nextTick)();
+      },
+      blur() {
+        const textElem = refTextarea.value;
+        textElem.blur();
+        return (0, _vue.nextTick)();
+      }
+    };
+    Object.assign($xetextarea, textareaMethods);
+    (0, _vue.watch)(() => props.modelValue, val => {
+      reactData.inputValue = val;
+      updateAutoTxt();
+    });
+    (0, _vue.nextTick)(() => {
+      const {
+        autosize
+      } = props;
+      if (autosize) {
+        updateAutoTxt();
+        handleResize();
+      }
+    });
+    const renderVN = () => {
+      const {
+        className,
+        resize,
+        placeholder,
+        disabled,
+        maxlength,
+        autosize,
+        showWordCount,
+        countMethod,
+        rows,
+        cols
+      } = props;
+      const {
+        inputValue
+      } = reactData;
+      const vSize = computeSize.value;
+      const isCountError = computeIsCountError.value;
+      const inputCount = computeInputCount.value;
+      return (0, _vue.h)('div', {
+        ref: refElem,
+        class: ['vxe-textarea', className, {
+          [`size--${vSize}`]: vSize,
+          'is--autosize': autosize,
+          'is--count': showWordCount,
+          'is--disabled': disabled,
+          'def--rows': !_xeUtils.default.eqNull(rows),
+          'def--cols': !_xeUtils.default.eqNull(cols)
+        }]
+      }, [(0, _vue.h)('textarea', {
+        ref: refTextarea,
+        class: 'vxe-textarea--inner',
+        value: inputValue,
+        name: props.name,
+        placeholder: placeholder ? (0, _utils.getFuncText)(placeholder) : null,
+        maxlength,
+        readonly: props.readonly,
+        disabled,
+        rows,
+        cols,
+        style: resize ? {
+          resize
+        } : null,
+        onInput: inputEvent,
+        onChange: changeEvent,
+        onKeydown: triggerEvent,
+        onKeyup: triggerEvent,
+        onClick: triggerEvent,
+        onFocus: triggerEvent,
+        onBlur: blurEvent
+      }), showWordCount ? (0, _vue.h)('span', {
+        class: ['vxe-textarea--count', {
+          'is--error': isCountError
+        }]
+      }, countMethod ? `${countMethod({
+        value: inputValue
+      })}` : `${inputCount}${maxlength ? `/${maxlength}` : ''}`) : null]);
+    };
+    $xetextarea.renderVN = renderVN;
+    return $xetextarea;
+  },
+  render() {
+    return this.renderVN();
+  }
+});

package/lib/textarea/src/textarea.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_utils=require("../../ui/src/utils"),_i18n=require("../../ui/src/i18n"),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let autoTxtElem;var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTextarea",props:{modelValue:[String,Number],className:String,immediate:{type:Boolean,default:!0},name:String,readonly:Boolean,disabled:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull(_globalStore.default.textarea.placeholder)?(0,_i18n.getI18n)("vxe.base.pleaseInput"):_globalStore.default.textarea.placeholder},maxlength:[String,Number],rows:{type:[String,Number],default:2},cols:{type:[String,Number],default:null},showWordCount:Boolean,countMethod:Function,autosize:[Boolean,Object],form:String,resize:{type:String,default:()=>_globalStore.default.textarea.resize},size:{type:String,default:()=>_globalStore.default.textarea.size||_globalStore.default.size}},emits:["update:modelValue","input","keydown","keyup","click","change","focus","blur"],setup(v,e){const l=e["emit"],a=(0,_vue.inject)("$xeForm",null),u=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const x=(0,_size.useSize)(v),_=(0,_vue.reactive)({inputValue:v.modelValue}),f=(0,_vue.ref)(),g=(0,_vue.ref)(),r={refElem:f,refTextarea:g},i={xID:t,props:v,context:e,reactData:_,getRefMaps:()=>r};let o;const h=(0,_vue.computed)(()=>_xeUtils.default.getSize(_.inputValue)),b=(0,_vue.computed)(()=>{var e=h.value;return v.maxlength&&e>_xeUtils.default.toNumber(v.maxlength)}),n=(0,_vue.computed)(()=>Object.assign({minRows:1,maxRows:10},_globalStore.default.textarea.autosize,v.autosize)),s=()=>{var e,{size:t,autosize:a}=v,l=_["inputValue"];a&&((autoTxtElem=autoTxtElem||document.createElement("div")).parentNode||document.body.appendChild(autoTxtElem),a=g.value,e=getComputedStyle(a),autoTxtElem.className=["vxe-textarea--autosize",t?"size--"+t:""].join(" "),autoTxtElem.style.width=a.clientWidth+"px",autoTxtElem.style.padding=e.padding,autoTxtElem.innerText=(""+(l||"　")).replace(/\n$/,"\n　"))},d=()=>{v.autosize&&(0,_vue.nextTick)(()=>{var{minRows:e,maxRows:t}=n.value,a=g.value,l=autoTxtElem.clientHeight,u=getComputedStyle(a),r=_xeUtils.default.toNumber(u.lineHeight),u=_xeUtils.default.toNumber(u.paddingTop)+_xeUtils.default.toNumber(u.paddingBottom)+_xeUtils.default.toNumber(u.borderTopWidth)+_xeUtils.default.toNumber(u.borderBottomWidth),l=(l-u)/r,l=l&&/[0-9]/.test(""+l)?l:Math.floor(l)+1;let i=l;l<e?i=e:t<l&&(i=t),a.style.height=i*r+u+"px"})},z=e=>{var t=_.inputValue;i.dispatchEvent(e.type,{value:t},e)},m=(e,t)=>{_.inputValue=e,l("update:modelValue",e),_xeUtils.default.toValueString(v.modelValue)!==e&&(o.dispatchEvent("change",{value:e},t),a)&&u&&a.triggerItemEvent(t,u.itemConfig.field,e)},S=e=>{var t=v["immediate"],a=e.target.value;_.inputValue=a,t&&m(a,e),i.dispatchEvent("input",{value:a},e),d()},y=e=>{var t=v["immediate"];t?z(e):m(_.inputValue,e)},V=e=>{var t=v["immediate"],a=_["inputValue"];t||m(a,e),i.dispatchEvent("blur",{value:a},e)};o={dispatchEvent(e,t,a){l(e,Object.assign({$textarea:i,$event:a},t))},focus(){return g.value.focus(),(0,_vue.nextTick)()},blur(){return g.value.blur(),(0,_vue.nextTick)()}},Object.assign(i,o),(0,_vue.watch)(()=>v.modelValue,e=>{_.inputValue=e,s()}),(0,_vue.nextTick)(()=>{var e=v["autosize"];e&&(s(),d())});return i.renderVN=()=>{var{className:e,resize:t,placeholder:a,disabled:l,maxlength:u,autosize:r,showWordCount:i,countMethod:o,rows:n,cols:s}=v,d=_["inputValue"],m=x.value,p=b.value,c=h.value;return(0,_vue.h)("div",{ref:f,class:["vxe-textarea",e,{["size--"+m]:m,"is--autosize":r,"is--count":i,"is--disabled":l,"def--rows":!_xeUtils.default.eqNull(n),"def--cols":!_xeUtils.default.eqNull(s)}]},[(0,_vue.h)("textarea",{ref:g,class:"vxe-textarea--inner",value:d,name:v.name,placeholder:a?(0,_utils.getFuncText)(a):null,maxlength:u,readonly:v.readonly,disabled:l,rows:n,cols:s,style:t?{resize:t}:null,onInput:S,onChange:y,onKeydown:z,onKeyup:z,onClick:z,onFocus:z,onBlur:V}),i?(0,_vue.h)("span",{class:["vxe-textarea--count",{"is--error":p}]},o?""+o({value:d}):c+(u?"/"+u:"")):null])},i},render(){return this.renderVN()}});

package/lib/textarea/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/textarea/style/style.css

@@ -0,0 +1,102 @@
+.vxe-textarea {
+  position: relative;
+  display: inline-block;
+}
+.vxe-textarea:not(.def--cols) {
+  width: 100%;
+}
+.vxe-textarea:not(.def--cols) .vxe-textarea--inner {
+  width: 100%;
+}
+
+.vxe-textarea--inner {
+  border-radius: var(--vxe-border-radius);
+  outline: 0;
+  font-size: inherit;
+  padding: 0 0.6em;
+  color: var(--vxe-font-color);
+  line-height: inherit;
+  border: 1px solid var(--vxe-ui-input-border-color);
+  background-color: var(--vxe-ui-textarea-background-color);
+  display: block;
+  padding: 0.3em 0.6em;
+}
+.vxe-textarea--inner::-moz-placeholder {
+  color: var(--vxe-ui-input-placeholder-color);
+}
+.vxe-textarea--inner::placeholder {
+  color: var(--vxe-ui-input-placeholder-color);
+}
+.vxe-textarea--inner:focus {
+  border: 1px solid var(--vxe-primary-color);
+}
+.vxe-textarea--inner[disabled] {
+  cursor: not-allowed;
+  background-color: var(--vxe-ui-input-disabled-background-color);
+}
+
+.vxe-textarea--inner,
+.vxe-textarea--autosize {
+  line-height: var(--vxe-ui-textarea-line-height);
+  color: var(--vxe-font-color);
+  font-family: var(--vxe-font-family);
+}
+
+.vxe-textarea--autosize {
+  display: block;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0.3em 0.6em;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  z-index: -1;
+  visibility: hidden;
+}
+
+.vxe-textarea--count {
+  position: absolute;
+  bottom: 0.2em;
+  right: 1.4em;
+  padding-left: 0.2em;
+  color: var(--vxe-ui-input-count-color);
+  background-color: var(--vxe-ui-input-count-background-color);
+}
+.vxe-textarea--count.is--error {
+  color: var(--vxe-ui-input-count-error-color);
+}
+
+.vxe-textarea,
+.vxe-textarea--autosize {
+  font-size: var(--vxe-font-size);
+}
+.vxe-textarea.size--medium,
+.vxe-textarea--autosize.size--medium {
+  font-size: var(--vxe-font-size-medium);
+}
+.vxe-textarea.size--small,
+.vxe-textarea--autosize.size--small {
+  font-size: var(--vxe-font-size-small);
+}
+.vxe-textarea.size--mini,
+.vxe-textarea--autosize.size--mini {
+  font-size: var(--vxe-font-size-mini);
+}
+
+.vxe-textarea:not(.is--autosize) {
+  min-height: var(--vxe-ui-input-height-default);
+}
+.vxe-textarea.size--medium {
+  font-size: var(--vxe-font-size-medium);
+}
+.vxe-textarea.size--medium:not(.is--autosize) {
+  min-height: var(--vxe-ui-input-height-medium);
+}
+.vxe-textarea.size--small:not(.is--autosize) {
+  min-height: var(--vxe-ui-input-height-small);
+}
+.vxe-textarea.size--mini:not(.is--autosize) {
+  min-height: var(--vxe-ui-input-height-mini);
+}

package/lib/textarea/style/style.min.css

@@ -0,0 +1 @@
+.vxe-textarea{position:relative;display:inline-block}.vxe-textarea:not(.def--cols){width:100%}.vxe-textarea:not(.def--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--inner{border-radius:var(--vxe-border-radius);outline:0;font-size:inherit;padding:0 .6em;color:var(--vxe-font-color);line-height:inherit;border:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-textarea-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-textarea--autosize,.vxe-textarea--inner{line-height:var(--vxe-ui-textarea-line-height);color:var(--vxe-font-color);font-family:var(--vxe-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-input-count-background-color)}.vxe-textarea--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-textarea,.vxe-textarea--autosize{font-size:var(--vxe-font-size)}.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:var(--vxe-font-size-small)}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-textarea:not(.is--autosize){min-height:var(--vxe-ui-input-height-default)}.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea.size--medium:not(.is--autosize){min-height:var(--vxe-ui-input-height-medium)}.vxe-textarea.size--small:not(.is--autosize){min-height:var(--vxe-ui-input-height-small)}.vxe-textarea.size--mini:not(.is--autosize){min-height:var(--vxe-ui-input-height-mini)}

package/lib/tooltip/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Tooltip = void 0;
+var _tooltip = _interopRequireDefault(require("./src/tooltip"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VxeTooltip = Object.assign({}, _tooltip.default, {
+  install(app) {
+    app.component(_tooltip.default.name, _tooltip.default);
+  }
+});
+const Tooltip = exports.Tooltip = VxeTooltip;
+var _default = exports.default = VxeTooltip;

package/lib/tooltip/index.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tooltip=void 0;var _tooltip=_interopRequireDefault(require("./src/tooltip"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}const VxeTooltip=Object.assign({},_tooltip.default,{install(t){t.component(_tooltip.default.name,_tooltip.default)}}),Tooltip=exports.Tooltip=VxeTooltip;var _default=exports.default=VxeTooltip;