@pisell/common 0.0.1

package/es/utils/typeUtils.js

@@ -0,0 +1,86 @@
+/**
+ * 判断是否是函数
+ * @param obj
+ */
+export var isFunction = function isFunction(obj) {
+  return typeof obj === 'function';
+};
+
+/**
+ * 判断是否是数组
+ * @param obj
+ */
+export var isArr = function isArr(obj) {
+  return Array.isArray(obj);
+};
+
+/**
+ * 判断是否是字符串
+ * @param obj
+ */
+export var isString = function isString(obj) {
+  return typeof obj === 'string';
+};
+
+/**
+ * 判断是否是数字
+ * @param obj
+ */
+export var isNumber = function isNumber(obj) {
+  return typeof obj === 'number';
+};
+
+/**
+ * 判断是否是undefined
+ * @param obj
+ */
+export var isUndefined = function isUndefined(obj) {
+  return typeof obj === 'undefined';
+};
+
+/**
+ * 判断是否是boolean
+ * @param obj
+ */
+export var isBoolean = function isBoolean(obj) {
+  return typeof obj === 'boolean';
+};
+
+/**
+ * 判断是否是json字符串
+ * @param v
+ */
+export var isJson = function isJson(v) {
+  if (typeof v === 'string') {
+    try {
+      return JSON.parse(v);
+    } catch (e) {
+      return false;
+    }
+  } else {
+    return false;
+  }
+};
+var getProto = Object.getPrototypeOf;
+var hasOwn = {}.hasOwnProperty;
+var fnToString = hasOwn.toString;
+var ObjectFunctionString = fnToString.call(Object);
+
+/**
+ * @Title: 判断是否为对象
+ * @Describe:
+ * @Author: Wzw
+ * @param {any} obj
+ */
+export var isPlainObject = function isPlainObject(obj) {
+  var proto, Ctor;
+  if (!obj || toString.call(obj) !== '[object Object]') {
+    return false;
+  }
+  proto = getProto(obj);
+  if (!proto) {
+    return true;
+  }
+  Ctor = hasOwn.call(proto, 'constructor') && proto.constructor;
+  return typeof Ctor === 'function' && fnToString.call(Ctor) === ObjectFunctionString;
+};

package/lib/business-components/colorInput/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface ColorInputProps {
+    /**
+     * @description 颜色值
+     * @default ""
+     */
+    value: string;
+    /**
+     * @description 当颜色值改变触发
+     * @default () => void
+     */
+    onChange: (val: string) => void;
+    /**
+     * @description 色块大小
+     * @default 30
+     */
+    colorBlockSize?: number;
+}
+declare const ColorInput: React.FC<ColorInputProps>;
+export default ColorInput;

package/lib/business-components/colorInput/index.js

@@ -0,0 +1,70 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/business-components/colorInput/index.tsx
+var colorInput_exports = {};
+__export(colorInput_exports, {
+  default: () => colorInput_default
+});
+module.exports = __toCommonJS(colorInput_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_components = require("../../components");
+var import_index = require("./index.less");
+var prefix = "pisell-";
+var ColorInput = (props) => {
+  const { value = "", onChange, colorBlockSize = 30 } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}color-input-wrap` }, /* @__PURE__ */ import_react.default.createElement(import_components.ColorPicker, { onChange, value }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        backgroundColor: value,
+        width: colorBlockSize,
+        height: colorBlockSize
+      },
+      className: `${prefix}color-block`
+    }
+  )), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      value: value.replace("#", ""),
+      prefix: "#",
+      style: { width: 120 },
+      onChange: (e) => {
+        const reg = /^([0-9a-fA-F]{0,6})$/;
+        if (!reg.test(e.target.value)) {
+          return;
+        }
+        onChange(`#${e.target.value}`);
+      }
+    }
+  ));
+};
+var colorInput_default = ColorInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/business-components/colorInput/index.less

@@ -0,0 +1,10 @@
+.pisell-color-input-wrap {
+  display: flex;
+  align-items: center;
+  .pisell-color-block {
+    width: 30px;
+    height: 30px;
+    margin-right: 10px;
+    border-radius: 4px;
+  }
+}

package/lib/business-components/index.d.ts

@@ -0,0 +1,11 @@
+export { default as ColorInput } from './colorInput';
+export type { ColorInputProps } from './colorInput';
+export { default as RechargeOption } from './rechargeOption';
+export type { RechargeOptionProps } from './rechargeOption';
+export { default as SelectTag } from './selectTag';
+export type { SelectTagProps } from './selectTag';
+export { default as SortModal } from './sortModal';
+export type { SortModalProps } from './sortModal';
+export { default as Statistics } from './statistics';
+export { default as TagModal } from './tagModal';
+export type { TagModalProps } from './tagModal';

package/lib/business-components/index.js

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/business-components/index.ts
+var business_components_exports = {};
+__export(business_components_exports, {
+  ColorInput: () => import_colorInput.default,
+  RechargeOption: () => import_rechargeOption.default,
+  SelectTag: () => import_selectTag.default,
+  SortModal: () => import_sortModal.default,
+  Statistics: () => import_statistics.default,
+  TagModal: () => import_tagModal.default
+});
+module.exports = __toCommonJS(business_components_exports);
+var import_colorInput = __toESM(require("./colorInput"));
+var import_rechargeOption = __toESM(require("./rechargeOption"));
+var import_selectTag = __toESM(require("./selectTag"));
+var import_sortModal = __toESM(require("./sortModal"));
+var import_statistics = __toESM(require("./statistics"));
+var import_tagModal = __toESM(require("./tagModal"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ColorInput,
+  RechargeOption,
+  SelectTag,
+  SortModal,
+  Statistics,
+  TagModal
+});

package/lib/business-components/rechargeOption/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { ColProps } from 'antd/lib/col';
+import type { FormListFieldData, FormListProps } from 'antd/lib/form/FormList';
+import type { FormItemProps } from 'antd/lib/form/FormItem';
+import type { SortModalProps } from '../sortModal';
+import type { FormInstance } from 'antd/es/form/hooks/useForm';
+export interface RechargeOptionProps {
+    name: FormListProps['name'];
+    /** 是否展示编辑按钮 */
+    isShowEditButton?: boolean;
+    /** 添加按钮文案 */
+    addBtnText?: string;
+    /** 编辑按钮文案 */
+    editBtnText?: string;
+    /** 列配置 */
+    columnOption: {
+        label: string;
+        span: ColProps['span'];
+        field: string;
+        rules: FormItemProps['rules'];
+    }[];
+    /** 编辑按钮事件 */
+    onEditClick?: (bundle: FormListFieldData) => void;
+    rechargeOptionRef?: React.MutableRefObject<{
+        openSortModal: () => void;
+    } | undefined>;
+    sortModalProps?: Partial<Omit<SortModalProps<Record<string, any>>, 'ref'>>;
+    form: FormInstance;
+}
+/**
+ * 类充值选项组件
+ * @param props
+ * @constructor
+ */
+declare const RechargeOption: React.FC<RechargeOptionProps>;
+export default RechargeOption;

package/lib/business-components/rechargeOption/index.js

@@ -0,0 +1,133 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/business-components/rechargeOption/index.tsx
+var rechargeOption_exports = {};
+__export(rechargeOption_exports, {
+  default: () => rechargeOption_default
+});
+module.exports = __toCommonJS(rechargeOption_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("../../utils");
+var import_icons = require("@ant-design/icons");
+var import_sortModal = __toESM(require("../sortModal"));
+var import_locales = require("../../locales");
+var RechargeOption = (props) => {
+  const {
+    name,
+    isShowEditButton = false,
+    columnOption,
+    addBtnText,
+    editBtnText,
+    onEditClick,
+    rechargeOptionRef,
+    sortModalProps,
+    form
+  } = props;
+  const sortModalRef = (0, import_react.useRef)(null);
+  const genDefaultData = (0, import_react.useCallback)(
+    (others) => {
+      return columnOption.reduce((acc, cur) => ({ ...acc, [cur.field]: "" }), {
+        key: (0, import_utils.getUniqueId)(),
+        ...others
+      });
+    },
+    [columnOption]
+  );
+  const initValue = (0, import_react.useMemo)(() => genDefaultData({ id: 0 }), [columnOption]);
+  (0, import_react.useImperativeHandle)(rechargeOptionRef, () => ({
+    openSortModal: () => {
+      var _a;
+      (_a = sortModalRef.current) == null ? void 0 : _a.showModal();
+    }
+  }));
+  const handleSortModalOk = (0, import_react.useCallback)(
+    (list) => {
+      var _a;
+      form.setFieldsValue({
+        [name]: list
+      });
+      (_a = sortModalRef.current) == null ? void 0 : _a.hideModal();
+    },
+    [name]
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter: 10, style: { marginBottom: "10px" } }, columnOption.map((item) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: item.span, key: item.label }, item.label);
+  })), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.List, { name, initialValue: [initValue] }, (fields, { add, remove }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, fields.map((bundle, i) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { key: bundle.key, noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter: 10 }, columnOption.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: item.span, key: item.label }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: [bundle.name, item.field],
+          rules: item.rules
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { style: { width: "100%" } })
+      ));
+    }), isShowEditButton && /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 3 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        onClick: () => {
+          (0, import_utils.isFunction)(onEditClick) && onEditClick(bundle);
+        }
+      },
+      editBtnText || (0, import_locales.getText)(
+        "pisell-design.recharge.option.button.edit"
+      )
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 2 }, i !== 0 && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.DeleteOutlined, null),
+        onClick: () => {
+          remove(bundle.name);
+        }
+      }
+    ))));
+  }), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      onClick: () => {
+        add(genDefaultData({ id: fields.length + 1 }));
+      }
+    },
+    addBtnText || (0, import_locales.getText)("pisell-design.recharge.option.button.add")
+  )))), /* @__PURE__ */ import_react.default.createElement(
+    import_sortModal.default,
+    {
+      isShowIndex: false,
+      field: sortModalProps == null ? void 0 : sortModalProps.field,
+      title: sortModalProps == null ? void 0 : sortModalProps.title,
+      items: form.getFieldValue(name) || [],
+      sortModalRef,
+      onOk: handleSortModalOk
+    }
+  ));
+};
+var rechargeOption_default = RechargeOption;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/business-components/selectTag/index.d.ts

@@ -0,0 +1,25 @@
+import type { SelectProps } from 'antd';
+import React from 'react';
+import './index.less';
+declare type BaseValue = string | number;
+declare type ColorValue = {
+    color: string;
+    value: BaseValue;
+    label: string;
+};
+declare type Value = BaseValue | ColorValue;
+export interface SelectTagProps<T> extends Omit<SelectProps, 'options'> {
+    selectTagRef?: React.MutableRefObject<{
+        showModal: () => void;
+        hideModal: () => void;
+    }>;
+    value?: T[];
+    onChange?: (value: T[]) => void;
+    isColorSelect?: boolean;
+    options: {
+        value: BaseValue;
+        label: string;
+    }[];
+}
+declare const SelectTag: <T extends Value>(props: SelectTagProps<T>) => JSX.Element;
+export default SelectTag;

package/lib/business-components/selectTag/index.js

@@ -0,0 +1,181 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/business-components/selectTag/index.tsx
+var selectTag_exports = {};
+__export(selectTag_exports, {
+  default: () => selectTag_default
+});
+module.exports = __toCommonJS(selectTag_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_business_hooks = require("../../business-hooks");
+var import_DragSort = __toESM(require("../../components/DragSort"));
+var import_Iconfont = __toESM(require("../../components/Iconfont"));
+var import_locales = require("../../locales");
+var import_utils = require("../../utils");
+var import_colorInput = __toESM(require("../colorInput"));
+var import_index = require("./index.less");
+var defaultColor = "#000";
+var prefix = "pisell-";
+var SelectTag = (props) => {
+  const { selectTagRef, value, onChange, options, isColorSelect } = props;
+  const tagValue = (0, import_react.useMemo)(() => {
+    if (!(0, import_utils.isArr)(value)) {
+      return [];
+    }
+    if (value.every((item) => (0, import_utils.isString)(item) || (0, import_utils.isNumber)(item))) {
+      return value;
+    }
+    return value.map((item) => item.value);
+  }, [value]);
+  const valueColorMap = (0, import_react.useMemo)(() => {
+    if (!isColorSelect || !(0, import_utils.isArr)(value)) {
+      return {};
+    }
+    return value.reduce(
+      (pre, cur) => ({ ...pre, [cur.value]: cur.color }),
+      {}
+    );
+  }, [value, options]);
+  const valueLabelMap = (0, import_react.useMemo)(
+    () => options.reduce((pre, cur) => ({ ...pre, [cur.value]: cur.label }), {}),
+    [options]
+  );
+  const handleTagChange = (0, import_react.useCallback)(
+    (val) => {
+      if (isColorSelect) {
+        const _value = val.map((item) => {
+          return {
+            color: valueColorMap[item] || defaultColor,
+            value: item
+          };
+        });
+        (0, import_utils.isFunction)(onChange) && onChange(_value);
+        return;
+      }
+      (0, import_utils.isFunction)(onChange) && onChange(val);
+    },
+    [isColorSelect, onChange, valueColorMap]
+  );
+  const { content, hideModal, visible, showModal } = (0, import_business_hooks.useTagModal)({
+    value: tagValue,
+    onChange: handleTagChange,
+    data: options,
+    onOk: () => {
+      hideModal();
+    },
+    title: (0, import_locales.getText)("pisell-design.select.tag.modal.title"),
+    onCancel: () => {
+      hideModal();
+    }
+  });
+  (0, import_react.useImperativeHandle)(selectTagRef, () => ({
+    showModal,
+    hideModal
+  }));
+  const tagRender = (props2) => {
+    const { label, value: value2, closable, onClose } = props2;
+    const onPreventMouseDown = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Tag,
+      {
+        onMouseDown: onPreventMouseDown,
+        closable,
+        onClose,
+        className: `${prefix}select-tag`,
+        style: { color: valueColorMap[value2] || defaultColor }
+      },
+      label
+    );
+  };
+  const handleSelectChange = (0, import_react.useCallback)(
+    (val) => {
+      let newVal = val;
+      if (isColorSelect) {
+        newVal = val.map((item) => ({
+          value: item,
+          color: valueColorMap[item] || defaultColor
+        }));
+      }
+      (0, import_utils.isFunction)(onChange) && onChange(newVal);
+    },
+    [isColorSelect, valueColorMap]
+  );
+  const selectValue = (0, import_react.useMemo)(() => {
+    if (!(0, import_utils.isArr)(value)) {
+      return [];
+    }
+    if (value.every((item) => (0, import_utils.isString)(item) || (0, import_utils.isNumber)(item))) {
+      return value;
+    }
+    if (isColorSelect) {
+      return value.map((item) => item.value);
+    }
+  }, [value, isColorSelect]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Select,
+    {
+      ...props,
+      value: selectValue,
+      mode: "tags",
+      options,
+      onChange: handleSelectChange,
+      tagRender
+    }
+  ), isColorSelect && /* @__PURE__ */ import_react.default.createElement(
+    import_DragSort.default,
+    {
+      list: value || [],
+      droppableId: "addressSort",
+      draggableIdKey: "value",
+      onChange: (_list) => {
+        (0, import_utils.isFunction)(onChange) && onChange(_list);
+      }
+    },
+    (item, index) => {
+      return /* @__PURE__ */ import_react.default.createElement("div", { key: item.value, className: `${prefix}sort-item` }, /* @__PURE__ */ import_react.default.createElement(import_Iconfont.default, { type: "icon-drag", className: `${prefix}icon` }), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}sort-content` }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tag-content` }, valueLabelMap[item.value])), /* @__PURE__ */ import_react.default.createElement(
+        import_colorInput.default,
+        {
+          value: item.color,
+          onChange: (val) => {
+            const _value = value ? [...value] : [];
+            _value[index].color = val;
+            (0, import_utils.isFunction)(onChange) && onChange(_value);
+          }
+        }
+      ));
+    }
+  ), content);
+};
+var selectTag_default = SelectTag;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/business-components/selectTag/index.less

@@ -0,0 +1,22 @@
+.pisell-sort-item {
+  display: flex;
+  align-items: center;
+  height: 50px;
+  margin-top: 12px;
+  line-height: 40px;
+  background-color: #f0f0f0;
+  .pisell-sort-content {
+    margin-right: 10px;
+  }
+  .pisell-icon {
+    color: #999;
+    font-size: 20px;
+  }
+}
+
+.pisell-select-tag {
+  margin: 0 3px 3px 0;
+  padding: 2px 8px;
+  font-size: 14px;
+  border-radius: 6px;
+}