@aloudata/aloudata-design 0.1.0-beta.2 → 0.1.0-beta.3

package/lib/Select/OptionsList/OptionItem/RenderLabelIcon.d.ts

@@ -0,0 +1,8 @@
+declare const RenderLabelIcon: ({ isSelected, multiple, disabled, prefixCls, isIndeterminate }: {
+    isSelected: boolean;
+    multiple: boolean;
+    disabled?: boolean | undefined;
+    prefixCls?: string | undefined;
+    isIndeterminate?: boolean | undefined;
+}) => JSX.Element | null;
+export default RenderLabelIcon;

package/lib/Select/OptionsList/OptionItem/RenderLabelIcon.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/checkbox/style");
+
+var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lodash = require("lodash");
+
+var _Icon = _interopRequireDefault(require("../../../Icon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var RenderLabelIcon = function RenderLabelIcon(_ref) {
+  var _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$multiple = _ref.multiple,
+      multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      prefixCls = _ref.prefixCls,
+      _ref$isIndeterminate = _ref.isIndeterminate,
+      isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate;
+
+  if (multiple) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-list-option-icon"),
+      key: "".concat(String(isSelected))
+    }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+      className: "".concat(prefixCls, "-list-option-icon-checkbox"),
+      checked: isSelected,
+      disabled: disabled,
+      onChange: _lodash.noop,
+      indeterminate: isIndeterminate
+    }));
+  }
+
+  if (isSelected) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-list-option-icon"),
+      key: "".concat(String(isSelected))
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      type: "check",
+      size: 16
+    }));
+  }
+
+  return null;
+};
+
+var _default = RenderLabelIcon;
+exports.default = _default;

package/lib/Select/OptionsList/OptionItem/RenderOption.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IOption, TMaybeArray as MaybeArray } from '../../interface';
+interface IOptionProp {
+    option: IOption;
+    selected: MaybeArray<string | number> | null | undefined;
+    prefixCls?: string;
+    labelRenderer: (option: IOption, isGruop: false) => React.ReactNode;
+    onOptionClick?: (selectedValue: string | number) => void;
+    index: number;
+    optionStyle?: React.CSSProperties;
+    multiple?: boolean;
+    activeIndex: number;
+    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
+}
+declare const _default: React.ForwardRefExoticComponent<IOptionProp & React.RefAttributes<unknown>>;
+export default _default;

package/lib/Select/OptionsList/OptionItem/RenderOption.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lodash = require("lodash");
+
+var _classnames2 = _interopRequireDefault(require("classnames"));
+
+var _RenderLabelIcon = _interopRequireDefault(require("./RenderLabelIcon"));
+
+var _excluded = ["value", "disabled", "tooltip", "groupValue", "groupLabel", "label"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var FIRST_INDEX = 0;
+var INVALID_INDEX = -1; // ================= RenderOption =====================
+
+var RenderOption = function RenderOption(props, ref) {
+  var _classnames;
+
+  var _props$option = props.option,
+      value = _props$option.value,
+      disabled = _props$option.disabled,
+      tooltip = _props$option.tooltip,
+      groupValue = _props$option.groupValue,
+      groupLabel = _props$option.groupLabel,
+      label = _props$option.label,
+      restOption = _objectWithoutProperties(_props$option, _excluded),
+      selected = props.selected,
+      onOptionClick = props.onOptionClick,
+      labelRenderer = props.labelRenderer,
+      prefixCls = props.prefixCls,
+      optionStyle = props.optionStyle,
+      multiple = props.multiple,
+      index = props.index,
+      activeIndex = props.activeIndex,
+      setActiveIndex = props.setActiveIndex;
+
+  var isSelected = typeof selected === 'string' || typeof selected === 'number' || (0, _lodash.isNull)(selected) || typeof selected === 'undefined' ? selected === value : selected.includes(value);
+
+  var onClick = function onClick(e) {
+    onOptionClick === null || onOptionClick === void 0 ? void 0 : onOptionClick(value);
+    e.preventDefault();
+  };
+
+  var labelNode = labelRenderer(_objectSpread({
+    value: value,
+    disabled: disabled,
+    tooltip: tooltip,
+    groupValue: groupValue,
+    groupLabel: groupLabel,
+    label: label
+  }, restOption), false);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: "".concat(prefixCls, "-list-option-container"),
+    style: optionStyle
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    onMouseEnter: function onMouseEnter() {
+      return setActiveIndex(index);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setActiveIndex(INVALID_INDEX);
+    },
+    className: (0, _classnames2.default)("".concat(prefixCls, "-list-option"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-list-option-isSelected"), isSelected), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-isHover"), !disabled && index === activeIndex), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-disabled"), disabled), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-nomargin"), index === FIRST_INDEX), _classnames)),
+    onClick: disabled ? undefined : onClick,
+    onKeyDown: _lodash.noop,
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement(_RenderLabelIcon.default, {
+    isSelected: isSelected,
+    multiple: !!multiple,
+    disabled: !!disabled,
+    prefixCls: prefixCls
+  }), labelNode));
+};
+
+var _default = /*#__PURE__*/_react.default.forwardRef(RenderOption);
+
+exports.default = _default;

package/lib/Select/OptionsList/OptionItem/RenderTooltip.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ITooltipProps {
+    render: JSX.Element & React.ReactNode;
+    getContainer?: (node: HTMLElement) => HTMLElement;
+    tooltip?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<ITooltipProps & React.RefAttributes<unknown>>;
+export default _default;

package/lib/Select/OptionsList/OptionItem/RenderTooltip.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/tooltip/style");
+
+var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var RenderTooltip = function RenderTooltip(props, ref) {
+  var tooltip = props.tooltip,
+      render = props.render,
+      getContainer = props.getContainer;
+
+  if (tooltip) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      ref: ref
+    }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      title: tooltip,
+      destroyTooltipOnHide: true,
+      placement: "right",
+      getTooltipContainer: getContainer
+    }, /*#__PURE__*/_react.default.createElement("div", null, render)));
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, render);
+};
+
+var _default = /*#__PURE__*/_react.default.forwardRef(RenderTooltip);
+
+exports.default = _default;

package/lib/Select/OptionsList/OptionItem.d.ts

@@ -1,35 +1,4 @@
-import React from 'react';
-import { IOption as Option, TMaybeArray as MaybeArray } from '../interface';
-interface IGroupProps {
-    option: Option;
-    prefixCls: string;
-    groupStyle?: React.CSSProperties;
-}
-interface ITooltipProps {
-    render: JSX.Element & React.ReactNode;
-    getContainer?: (node: HTMLElement) => HTMLElement;
-    tooltip?: string;
-}
-interface IOptionProp {
-    option: Option;
-    selected: MaybeArray<string | number> | null | undefined;
-    prefixCls?: string;
-    labelRenderer: (option: Option, isGruop: false) => React.ReactNode;
-    onOptionClick?: (selectedValue: string | number) => void;
-    index: number;
-    optionStyle?: React.CSSProperties;
-    multiple?: boolean;
-    activeIndex: number;
-    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
-}
-export declare const RenderLabelIcon: ({ isSelected, multiple, disabled, prefixCls, isIndeterminate }: {
-    isSelected: boolean;
-    multiple: boolean;
-    disabled?: boolean | undefined;
-    prefixCls?: string | undefined;
-    isIndeterminate?: boolean | undefined;
-}) => JSX.Element | null;
-export declare const ForwardRenderGroup: React.ForwardRefExoticComponent<IGroupProps & React.RefAttributes<unknown>>;
-export declare const ForwardRenderOption: React.ForwardRefExoticComponent<IOptionProp & React.RefAttributes<unknown>>;
-export declare const ForwardRenderTooltip: React.ForwardRefExoticComponent<ITooltipProps & React.RefAttributes<unknown>>;
-export {};
+export { default as ForwardRenderGroup } from './OptionItem/RenderGroup';
+export { default as ForwardRenderOption } from './OptionItem/RenderOption';
+export { default as RenderLabelIcon } from './OptionItem/RenderLabelIcon';
+export { default as ForwardRenderTooltip } from './OptionItem/RenderTooltip';

package/lib/Select/OptionsList/OptionItem.js

@@ -3,183 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RenderLabelIcon = exports.ForwardRenderTooltip = exports.ForwardRenderOption = exports.ForwardRenderGroup = void 0;
-
-require("antd/es/tooltip/style");
-
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-
-require("antd/es/checkbox/style");
-
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _lodash = require("lodash");
-
-var _classnames2 = _interopRequireDefault(require("classnames"));
-
-var _Icon = _interopRequireDefault(require("../../Icon"));
-
-var _excluded = ["value", "disabled", "tooltip", "groupValue", "groupLabel", "label"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var FIRST_INDEX = 0;
-var INVALID_INDEX = -1; // ================= RenderGroup =====================
-
-var RenderGroup = function RenderGroup(props, ref) {
-  var _props$option = props.option,
-      value = _props$option.value,
-      label = _props$option.label,
-      prefixCls = props.prefixCls,
-      groupStyle = props.groupStyle;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    className: "".concat(prefixCls, "-list-group"),
-    style: groupStyle
-  }, label !== undefined ? label : value);
-};
-
-var RenderLabelIcon = function RenderLabelIcon(_ref) {
-  var _ref$isSelected = _ref.isSelected,
-      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-      _ref$multiple = _ref.multiple,
-      multiple = _ref$multiple === void 0 ? false : _ref$multiple,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      prefixCls = _ref.prefixCls,
-      _ref$isIndeterminate = _ref.isIndeterminate,
-      isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate;
-
-  if (multiple) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-list-option-icon"),
-      key: "".concat(String(isSelected))
-    }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
-      className: "".concat(prefixCls, "-list-option-icon-checkbox"),
-      checked: isSelected,
-      disabled: disabled,
-      onChange: _lodash.noop,
-      indeterminate: isIndeterminate
-    }));
+Object.defineProperty(exports, "ForwardRenderGroup", {
+  enumerable: true,
+  get: function get() {
+    return _RenderGroup.default;
   }
-
-  if (isSelected) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-list-option-icon"),
-      key: "".concat(String(isSelected))
-    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "check",
-      size: 16
-    }));
+});
+Object.defineProperty(exports, "ForwardRenderOption", {
+  enumerable: true,
+  get: function get() {
+    return _RenderOption.default;
   }
-
-  return null;
-}; // ================= RenderOption =====================
-
-
-exports.RenderLabelIcon = RenderLabelIcon;
-
-var RenderOption = function RenderOption(props, ref) {
-  var _classnames;
-
-  var _props$option2 = props.option,
-      value = _props$option2.value,
-      disabled = _props$option2.disabled,
-      tooltip = _props$option2.tooltip,
-      groupValue = _props$option2.groupValue,
-      groupLabel = _props$option2.groupLabel,
-      label = _props$option2.label,
-      restOption = _objectWithoutProperties(_props$option2, _excluded),
-      selected = props.selected,
-      onOptionClick = props.onOptionClick,
-      labelRenderer = props.labelRenderer,
-      prefixCls = props.prefixCls,
-      optionStyle = props.optionStyle,
-      multiple = props.multiple,
-      index = props.index,
-      activeIndex = props.activeIndex,
-      setActiveIndex = props.setActiveIndex;
-
-  var isSelected = typeof selected === 'string' || typeof selected === 'number' || (0, _lodash.isNull)(selected) || typeof selected === 'undefined' ? selected === value : selected.includes(value);
-
-  var onClick = function onClick(e) {
-    onOptionClick === null || onOptionClick === void 0 ? void 0 : onOptionClick(value);
-    e.preventDefault();
-  };
-
-  var labelNode = labelRenderer(_objectSpread({
-    value: value,
-    disabled: disabled,
-    tooltip: tooltip,
-    groupValue: groupValue,
-    groupLabel: groupLabel,
-    label: label
-  }, restOption), false);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    className: "".concat(prefixCls, "-list-option-container"),
-    style: optionStyle
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    onMouseEnter: function onMouseEnter() {
-      return setActiveIndex(index);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setActiveIndex(INVALID_INDEX);
-    },
-    className: (0, _classnames2.default)("".concat(prefixCls, "-list-option"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-list-option-isSelected"), isSelected), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-isHover"), !disabled && index === activeIndex), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-disabled"), disabled), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-nomargin"), index === FIRST_INDEX), _classnames)),
-    onClick: disabled ? undefined : onClick,
-    onKeyDown: _lodash.noop,
-    "aria-hidden": "true"
-  }, /*#__PURE__*/_react.default.createElement(RenderLabelIcon, {
-    isSelected: isSelected,
-    multiple: !!multiple,
-    disabled: !!disabled,
-    prefixCls: prefixCls
-  }), labelNode));
-}; // ================= RenderTooltip =====================
-
-
-var RenderTooltip = function RenderTooltip(props, ref) {
-  var tooltip = props.tooltip,
-      render = props.render,
-      getContainer = props.getContainer;
-
-  if (tooltip) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref
-    }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-      title: tooltip,
-      destroyTooltipOnHide: true,
-      placement: "right",
-      getTooltipContainer: getContainer
-    }, /*#__PURE__*/_react.default.createElement("div", null, render)));
+});
+Object.defineProperty(exports, "ForwardRenderTooltip", {
+  enumerable: true,
+  get: function get() {
+    return _RenderTooltip.default;
   }
+});
+Object.defineProperty(exports, "RenderLabelIcon", {
+  enumerable: true,
+  get: function get() {
+    return _RenderLabelIcon.default;
+  }
+});
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, render);
-};
-
-var ForwardRenderGroup = /*#__PURE__*/_react.default.forwardRef(RenderGroup);
-
-exports.ForwardRenderGroup = ForwardRenderGroup;
+var _RenderGroup = _interopRequireDefault(require("./OptionItem/RenderGroup"));
 
-var ForwardRenderOption = /*#__PURE__*/_react.default.forwardRef(RenderOption);
+var _RenderOption = _interopRequireDefault(require("./OptionItem/RenderOption"));
 
-exports.ForwardRenderOption = ForwardRenderOption;
+var _RenderLabelIcon = _interopRequireDefault(require("./OptionItem/RenderLabelIcon"));
 
-var ForwardRenderTooltip = /*#__PURE__*/_react.default.forwardRef(RenderTooltip);
+var _RenderTooltip = _interopRequireDefault(require("./OptionItem/RenderTooltip"));
 
-exports.ForwardRenderTooltip = ForwardRenderTooltip;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Select/Selector/index.js

@@ -234,8 +234,8 @@ var Selector = function Selector(props, ref) {
     }, /*#__PURE__*/_react.default.createElement("span", {
       ref: selectorAllRef,
       className: (0, _classnames3.default)("".concat(prefix, "-item-text"))
-    }, text)) : // </Text>
-    null;
+    }, text)) // </Text>
+    : null;
   };
 
   return /*#__PURE__*/_react.default.createElement("div", _objectSpread({

package/lib/Select/interface.d.ts

@@ -47,7 +47,14 @@ export interface IOptGroupProps {
 }
 export interface IOptionProps {
     children?: React.ReactNode;
+    /**
+     * @description 默认根据次属性值进行筛选
+    */
     value: string | number;
+    /**
+     * @description 是否禁用
+     * @default false
+     */
     disabled?: boolean;
     title?: string;
 }

package/lib/Select/style/index.less

@@ -165,6 +165,7 @@
       line-height: 22px;
       white-space: nowrap;
       text-overflow: ellipsis;
+      color: @NL0;
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "0.1.0-beta.2",
+  "version": "0.1.0-beta.3",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -13,7 +13,9 @@
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
     "test": "umi-test",
     "test:coverage": "umi-test --coverage",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "release": "npm publish --access public",
+    "postpublish": "PACKAGE_VERSION=$(cat package.json | grep \\\"version\\\" | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]') && git tag v$PACKAGE_VERSION && git push --tags"
   },
   "module": "es/index.js",
   "typings": "es/index.d.ts",
@@ -73,10 +75,12 @@
     "gh-pages": "^3.0.0",
     "husky": "^3.0.9",
     "lint-staged": "^10.0.7",
-    "postcss": "8.4.6",
+    "postcss": "^8.4.7",
+    "postcss-less": "^6.0.0",
     "prettier": "^2.2.1",
     "stylelint": "^14.5.3",
-    "stylelint-config-standard": "^24.0.0",
+    "stylelint-config-standard": "^25.0.0",
+    "typescript": "4.1.2",
     "yorkie": "^2.0.0"
   },
   "jest": {